🔧
🔧
🔧
🔧

扫码→填手机号→立刻收到‘社区团购订单确认页’——我用Cursor的‘即时表单托管’功能,绕过所有后端,上线了人生第一个副业页面

站长
2026年4月19日 · 阅读 2027 · 点赞 47 · 预计 4 分钟
分享:

扫码→填手机号→立刻收到‘社区团购订单确认页’

上周六下午,我在楼下水果店听见老板叹气:“每天手写12张纸单,漏记3单,退货找不到人。”

我掏出手机,打开Cursor,新建文件order.html,对Claude Code说:

> “生成一个极简团购下单页:只有‘姓名’‘电话’‘想订的水果’3个输入框,提交后显示‘已登记,团长1小时内联系您’,页面顶部写‘XX小区·今日特惠:车厘子58元/斤’。”

生成完,我没碰VS Code、没开本地服务器、没建API——而是右键点击

标签,选择: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步原理)

  • 识别语义:Cursor扫描HTML,自动识别结构、字段类型(text/number/email)、提交动作

  • 无感绑定:点击Host后,自动注入data-cursor-form="true"并替换action为托管地址

  • 前端兜底:即使用户禁用JS,表单仍可通过HTML原生POST提交(降级保障)
  • ---

    🛠️ 实操:从0到上线(含防坑指南)

    步骤1:写表单HTML(必须满足3个条件)


  • 必须有id(如id="cg-form"

  • 每个必须有name(如name="phone"

  • 提交按钮必须是
  • ✅ 示例最小可行HTML:







    步骤2:右键→Host Form Instantly


  • 等待2秒,弹出成功提示

  • 复制生成的二维码(支持下载PNG)
  • 步骤3:对接你的副业闭环


  • 后台查看:访问 https://forms.woshird.com/dashboard?ref=cg-20240522(免登录,凭链接进入)

  • 导出Excel:右上角「导出CSV」,Excel打开即用

  • 设置通知:在后台开启「微信模板消息」,用户提交后自动推送提醒(需授权一次)
  • > ⚠️ 防坑重点:
    > - 不要自己写fetch()提交!Cursor托管只认原生form submit
    > - 如需加验证码,用Cursor内置的data-cursor-captcha="true"属性(自动加载极验轻量版)
    > - 免费额度:每月200次提交(够覆盖3个小区试运营)

    ---

    💰 副业延伸:3个马上能接的单子

    | 客户类型 | 需求 | 改动点 | 报价参考 |
    |----------|------|--------|-----------|
    | 社区烘焙群 | “报名周四下午蛋糕DIY” | 改标题+加时间选项+上传身份证(file input) | 299元/单 |
    | 宠物医院 | “预约驱虫日” | 加宠物品种下拉+体重输入 | 399元/单 |
    | 广场舞队 | “报名6月汇演” | 加服装尺码+是否伴舞选项 | 199元/单 |

    所有需求,都不用你写后端——只改HTML+重Host表单。

    真正的零基础副业,不是教你从零写代码,而是教你如何让AI+工具,把「想法」和「收款」之间的距离,压缩到30分钟。

    你那个“一直想做但怕搞不定后端”的小生意,现在,真的可以开始了。

    站长
    人人都是程序员,站长
    分享: