扫码→填手机号→立刻收到‘社区团购订单确认页’
上周六下午,我在楼下水果店听见老板叹气:“每天手写12张纸单,漏记3单,退货找不到人。”
我掏出手机,打开Cursor,新建文件order.html,对Claude Code说:
> “生成一个极简团购下单页:只有‘姓名’‘电话’‘想订的水果’3个输入框,提交后显示‘已登记,团长1小时内联系您’,页面顶部写‘XX小区·今日特惠:车厘子58元/斤’。”
生成完,我没碰VS Code、没开本地服务器、没建API——而是右键点击<form>标签,选择:Cursor → Host Form Instantly。
→ 弹窗出现:
https://forms.woshird.com/cg-20240522(自动加密存储)/thank-you.html(已预置)我截图二维码,发给老板。他打印出来贴在冰柜上。
当晚8点,他微信我:“刚收了17单,3个阿姨问能不能加‘帮切块’选项?”
第二天上午,我改了Prompt,加了复选框,重新Host——新二维码换上,旧单数据毫发无损。
这就是Cursor 0.42+的隐藏王牌:Instant Form Hosting(即时表单托管)。它不是插件,是内嵌在编辑器底层的能力,专为AI生成的轻量表单设计。
---
🧩 它怎么工作的?(3步原理)
<form>结构、字段类型(text/number/email)、提交动作data-cursor-form="true"并替换action为托管地址---
🛠️ 实操:从0到上线(含防坑指南)
步骤1:写表单HTML(必须满足3个条件)
<form>必须有id(如id="cg-form")<input>必须有name(如name="phone")<button type="submit">(不能是<div onclick>)✅ 示例最小可行HTML:
<form id="cg-form">
<input name="name" placeholder="姓名" required>
<input name="phone" type="tel" placeholder="手机" required>
<textarea name="items" placeholder="想要的水果(例:车厘子2斤、香蕉3串)"></textarea>
<button type="submit">立即登记</button>
</form>
步骤2:右键→Host Form Instantly
步骤3:对接你的副业闭环
https://forms.woshird.com/dashboard?ref=cg-20240522(免登录,凭链接进入)> ⚠️ 防坑重点:
> - 不要自己写fetch()提交!Cursor托管只认原生form submit
> - 如需加验证码,用Cursor内置的data-cursor-captcha="true"属性(自动加载极验轻量版)
> - 免费额度:每月200次提交(够覆盖3个小区试运营)
---
💰 副业延伸:3个马上能接的单子
| 客户类型 | 需求 | 改动点 | 报价参考 |
|----------|------|--------|-----------|
| 社区烘焙群 | “报名周四下午蛋糕DIY” | 改标题+加时间选项+上传身份证(file input) | 299元/单 |
| 宠物医院 | “预约驱虫日” | 加宠物品种下拉+体重输入 | 399元/单 |
| 广场舞队 | “报名6月汇演” | 加服装尺码+是否伴舞选项 | 199元/单 |
所有需求,都不用你写后端——只改HTML+重Host表单。
真正的零基础副业,不是教你从零写代码,而是教你如何让AI+工具,把「想法」和「收款」之间的距离,压缩到30分钟。
你那个“一直想做但怕搞不定后端”的小生意,现在,真的可以开始了。
