AI 开发 K12 小程序，10000+ 商单心得

AI 开发 K12 小程序，10000+ 商单心得 AI 开发 K12 小程序，10000+ 商单心得 Modified September 22, 2025 发行成功之后，会自动打开开发者工具，在开发工具中点击上传，就将代码推送到了小程序后台，在后台提交审核，官方审核通过，就可以上线了。 四）难点 1、联系客服 第一次看到联系客服功能的时候，我第一反应是要做一个在线实时聊天对话工具，后来，跟 AI 对话之后，才发现，原来小程序官方是提供客服功能的。 提示词 XML Copy <button open type="contact" <text 联系客服</text </button open type="contact" 这是微信小程序的 button 组件专用属性，设置为 "contact" 时，点击按钮会直接打开微信客服会话窗口，用户可以直接与商家客服进行对话。 只有这样一个按钮是不够的，还需要设置客服人员。登录小程序后台 → 客服 → 添加客服 配置完客服信息之后，客服同学就可以在网页版或者微信小程序中，跟用户沟通了。 2、下单支付 对于很多商用小程序，在线支付是一个必不可少的功能。没做过小程序支付功能怎么办？ 跟 AI 工具沟通，了解微信支付的流程。 提示词 Plain Text Copy 我用 uniapp 和 unicloud 开发微信小程序，想在小程序里加上支付功能，要怎么做，你详细说一下 uniCloud 官方提供了 uni pay插件来极大简化支付接入流程，获取到 API 相关的参数，只需要简单的配置，就可以完成支付功能。 访问插件市场：https://ext.dcloud.net.cn/search， 搜索 uni pay 配置文件在 uniCloud/cloudfunctions/common/uni config center/uni pay/config.js，按照文档中的提示，修改配置参数即可。 配置完之后，可以让 Cursor 结合我们自己的业务功能，完成跟我们业务相关的支付功能。 提示词 Plain Text Copy 结合我当前的页面功能，使用 uni pay 提供的功能，给我完成一个下单支付功能 测试支付功能，可以配置一个 0.01 元的商品，在小程序里面支付成功，说明咱们这个支付流程配置就没问题了。 五）交付 完成上面的步骤，恭喜你，完成了开发！ 交付阶段是项目的重要环节，一份清晰、完整的交付清单不仅能体现专业性，也能避免后续的纠纷。 我们交付的不仅是代码，更是贯穿始终的服务体验，客户的认可，是定义项目成功的核心标准。 1、交付清单 交付清单是整个项目交付物的正式记录和声明。它向客户明确展示你承诺以及你现在交付内容。 交付清单是客户进行验收的基准文件。客户可以根据清单内容逐项核对，验证是否收到完整的、符合预期的交付。 一份详细、双方在交付时确认的清单，能有效界定你的交付责任到此为止，权责分明。 客户不仅为你的代码买单，也为你的服务和可靠性买单。 一份专业的交付清单能大大提升你在客户心目中的形象，增加信任感，为未来合作或口碑推荐打下基础。 核心要点：清晰、完整、有据可查、权责分明。 提示词 Plain Text Copy 我给客户开发完了小程序，请给我提供一份交付清单的范本 2、设计文档 设计文档并非强制要求，本质上是对项目全生命周期负责的专业态度，是从写代码升级到交付解决方案的关键一步。 设计文档可以证明系统按约定方案实现，而非偷工减料。 客户要求后期修改时，可对比设计文档，评估影响范围及额外成本。 核心要点：图文结合，重点描述架构决策、关键模块、数据流等。 提示词 Plain Text Copy 我是当前小程序的开发方，小程序功能已经完成开发，即将交付给甲方，现在需要编写小程序设计文档。输出一份当下项目的设计文档目录 基于对项目的深入分析，Cursor 可以为您供完整的项目设计文档目录。 发行成功之后，会自动打开开发者工具，在开发工具中点击上传，就将代码推送到了小程序后台，在后台提交审核，官方审核通过，就可以上线了。 四）难点 1、联系客服 第一次看到联系客服功能的时候，我第一反应是要做一个在线实时聊天对话工具，后来，跟 AI 对话之后，才发现，原来小程序官方是提供客服功能的。 open type="contact" 这是微信小程序的 button 组件专用属性，设置为 "contact" 时，点击按钮会直接打开微信客服会话窗口，用户可以直接与商家客服进行对话。 只有这样一个按钮是不够的，还需要设置客服人员。登录小程序后台 → 客服 → 添加客服 配置完客服信息之后，客服同学就可以在网页版或者微信小程序中，跟用户沟通了。 2、下单支付 对于很多商用小程序，在线支付是一个必不可少的功能。没做过小程序支付功能怎么办？ 跟 AI 工具沟通，了解微信支付的流程。 uniCloud 官方提供了 uni pay插件来极大简化支付接入流程，获取到 API 相关的参数，只需要简单的配置，就可以完成支付功能。 访问插件市场：https://ext.dcloud.net.cn/search， 搜索 uni pay 配置文件在 uniCloud/cloudfunctions/common/uni config center/uni pay/config.js，按照文档中的提示，修改配置参数即可。 配置完之后，可以让 Cursor 结合我们自己的业务功能，完成跟我们业务相关的支付功能。 测试支付功能，可以配置一个 0.01 元的商品，在小程序里面支付成功，说明咱们这个支付流程配置就没问题了。 五）交付 完成上面的步骤，恭喜你，完成了开发！ 交付阶段是项目的重要环节，一份清晰、完整的交付清单不仅能体现专业性，也能避免后续的纠纷。 我们交付的不仅是代码，更是贯穿始终的服务体验，客户的认可，是定义项目成功的核心标准。 1、交付清单 交付清单是整个项目交付物的正式记录和声明。它向客户明确展示你承诺以及你现在交付内容。 交付清单是客户进行验收的基准文件。客户可以根据清单内容逐项核对，验证是否收到完整的、符合预期的交付。 一份详细、双方在交付时确认的清单，能有效界定你的交付责任到此为止，权责分明。 客户不仅为你的代码买单，也为你的服务和可靠性买单。 一份专业的交付清单能大大提升你在客户心目中的形象，增加信任感，为未来合作或口碑推荐打下基础。 核心要点：清晰、完整、有据可查、权责分明。 2、设计文档 设计文档并非强制要求，本质上是对项目全生命周期负责的专业态度，是从写代码升级到交付解决方案的关键一步。 设计文档可以证明系统按约定方案实现，而非偷工减料。 客户要求后期修改时，可对比设计文档，评估影响范围及额外成本。 核心要点：图文结合，重点描述架构决策、关键模块、数据流等。 基于对项目的深入分析，Cursor 可以为您供完整的项目设计文档目录。 接下来，分步骤，分别完成每一部分的详细设计。 将每一部分的内容汇总到一个文档中，全文浏览一遍，做适当的修改润色。 3、使用手册 使用手册，解决产品使用最后一公里问题。开发者对产品功能了如指掌，但用户初次接触时如同面对陌生工具。 一份逻辑清晰、排版专业的用户手册，用户可以自助学习，节省双方时间，会让客户感知到开发者重视用户体验。这种信任感直接影响尾款支付速度、续约意愿甚至口碑推荐。 Cursor 非常熟悉我们的项目结构，可以借助 Cursor 帮我们快速完成手册初版。 在初版手册基础上，增加截图以及演示视频，看起来更清晰。 三、尾声 这次商单交付，再次让我感受到，用好 AI 工具，可以拓展我们的技能边界，不仅能完成指定功能的代码，还能针对沟通中存在的问题，给出合理的建议。 认清边界，明确哪些是 AI 当下能做且擅长做的，比如根据描述生成常规代码，而哪些是开发者必须坚守的阵地，比如 方案设计、关键决策、质量保障等。 之前，我们都是在自己的细分领域深耕，比如我的主业是前端开发，对前端的技能比较熟悉，对后端服务不是很了解。 现在，借助 AI 工具，可以快速响应市场需求，独立完成前后端一体的系统。 平常工作中，只要做好自己负责的工作内容就好，做商单，逻辑完全不一样了。你需要对整个过程负责，需要解决的问题会比较多，对于我来说，又是一次新的成长进步。 这次交付中，实现这些认知突破和能力提升，离不开几位老师的支持和鼓励，帮助我从只关注写代码，到关注整个过程中的各种细节。 感谢腾云猫老师，在项目初期的关键洞察与专业指导，不仅快速察觉到客户的核心痛点问题，而且对于我不理解的业务逻辑，耐心讲解，针对我设计方案中出现的问题，给出了清晰、专业的指导。 感谢小林老师全程的关注与推动，前期沟通中，及时点醒我不要忽略细节，认真交付。在开发中主动询问我是否有遇到困难，开发完成之后，客户在准备物料的过程中，提醒我改变被动态度，积极推动客户验收产品，快速响应客户遇到的问题。 大家好，我是小林，元Coding 主理人，这个案例是和大鹏一起做的。 大鹏是一名大厂程序员，目前在探索 AI 编程。 最近，在腾云猫和小林老师的帮助下，顺利完成了一单 GMV 10000+ 的 K12 小程序商单。 小程序，既要让家长快速找到适配课程、便捷完成购课约课，也要让用户轻松推广赚返佣。 K12 课程类目会按“学龄段+学科”拆解。 第一层按学龄段（比如幼儿园小中大班/小学1 3年级/4 6年级/初中/高中）做成首页滑动标签，点击即切换。 第二层在对应学龄段页面显示对应学科（比如小学1 3年级下分语文）。 课程详情可一键生成带个人二维码的海报，自动加上推荐语。 购课后的约课操作简单，只需查看并选择近7天可约时段，约课成功之后，会收到短信通知。 今天，复盘总结过程中遇到的问题，我会尽量减少专业术语，从小白的角度，来给大家分享我的思路和方法，如何从 0 开始，借助 AI 工具，完成小程序 + 课程后台管理系统。 一、需求沟通 客户的需求，很多时候都是一个大概的想法，具体要做成什么样子，自己也并不清楚。 对于我们开发来说，模糊的需求，往往是最难的，因为你不知道做成什么样子是符合预期的，感觉像在摸黑干活。 处理客户模糊需求，恰恰是开发者的成长必经之路。 沟通好了，不光能少走弯路、少返工，更能让客户信任你。 我的经验是，遇到这种“雾里看花”的需求，别怕麻烦，准备好和客户聊 2 到 3 轮。最好用在线会议（比如腾讯会议）的方式更好，可以录屏，多人共同对话，效率高得多。 第一次沟通：先挖痛点，多听少说。 别急着给方案！重点在于让客户敞开了说。 “咱们现在业务是怎么做的呢？遇到的麻烦事儿主要有哪些？想要这个新产品解决哪些核心的问题？” 认真听，然后用自己的话简单复述一遍，这一步很关键，让客户知道你真的听懂了，也让他有机会纠正。 会后研究：把自己当用户，摸清同类。 第一次聊完，我通常不会立马动手设计。我会去注册一些功能类似的 App 或小程序。 以用户身份去体验，从头到尾用一遍，看竞品核心功能是什么？流程怎么走的？哪些地方好用，哪些地方别扭？这些思考，能帮我更理解客户提的核心需求在业内是怎么实现的。 结合客户说的痛点和我在同类产品里看到的亮点/不足，加上我自己的专业理解和 AI 工具（比如让 AI 帮梳理逻辑、生成思维导图和原型图），开始细化。 核心是做出看得见的东西。设计原型图和思维导图，清晰又直观，图会比文字描述清晰。不用担心方案不够完美，关键是提供一个讨论的基础。 第二次聊：带着方案去沟通。 别等客户催！做完方案之后，就可以主动预约下一次沟通。 这次沟通就聚焦在我拿出来的方案上： “您看这个功能列表，是不是解决了您提到的 XXX 问题？” “这个操作流程，和您实际业务场景匹配吗？要不要调整？” “这个页面布局/交互方式，感觉怎么样？” 带着方案沟通，客户更容易理解你说的功能，反馈也具体得多。 整个过程的关键，让客户明显感觉到，你不是在应付差事，而是真正在帮他解决问题。你在用心理解他的业务，花时间调研市场，用心思设计方案去落地他的模糊想法。 清晰的需求边界是互相尊重的基石，专业的引导是赢得信任的王牌。 这么一步步来，即使最开始需求再模糊，也能慢慢磨出一个靠谱的方向来。 对于需求沟通，总结了 2 个方法，跟大家分享。 1、竞品调研 很多客户会说，跟 XXX 小程序一样，我也要这些功能。 客户虽然不知道最终要做成什么样子，但是肯定已经看过一些竞品了。这个时候，你就可以让客户给你发你几个竞品小程序，自己作为用户，注册竞品小程序，熟悉所有的功能。 很多竞品小程序，会有在线客服，体验功能的过程中，遇到问题，也可以跟客服沟通。 2、AI 辅助完善需求 竞品的功能只能作为参考，有的竞品功能很丰富，并不是所有的功能都符合当前客户的诉求。 结合客户的核心需求，借助 AI 工具以及自己的理解，细化功能，做一版原型图，拿着效果图和方案，跟客户再沟通。 挖掘客户最希望解决的痛点问题，基于痛点，提出解决方案。很快就能聊清楚客户的需求了，避免反复沟通。 有了需求文档之后，可以让 AI 帮我做一张思维导图，给客户沟通的时候，思路清晰，我们后续开发功能也方便。 将 markdown 文件导入到 Xmind 等思维导图软件中，可视化为导图格式。 在正式开发之前，先做一版原型图，让客户看到预期的效果，避免完成开发，再返工。 二、AI 辅助开发全流程 有的朋友，可能还不太了解，开发一个功能复杂的系统，包含哪些内容。 一个系统，一般是由网页 + 后台服务 + 数据库组成。 以短视频为例，咱们看到视频，点赞、转发，这些操作都是在页面上完成的，平台给你推荐什么视频，这个就是后台服务基于大数据统计来完成的，你的浏览记录是会保存保存在数据库中的。 一）技术选型 网页（小程序） + 后台服务 + 数据库，所有这些功能，如果从 0 开始开发，工作量太大了。 现在已经有很多成熟的方案，可以帮助我们快速完成功能。借助 AI 工具，推荐适合我们的框架。 AI 给出的整体技术架构是这样的： 在 AI 的回答中，提到了 uni app 结合 uniCloud 的方案，这是一种“云端一体化”的全栈开发模式，提供了丰富模板生态，能极大提升开发效率，尤其适合快速搭建小程序和后台管理系统。 我们可以基于模板，不需要所有的功能都从 0 开始，所以，本次技术选型就采用这种方案。 二）环境配置 在正式写代码之前，需要先配置需要的环境，包括：注册小程序、安装特定的开发工具以及购买云服务。 1、注册小程序 访问官网：https://mp.weixin.qq.com 点击上图中的 小程序，可以开始注册小程序。 注册小程序比较简单，按照页面提示，填入相关的信息即可。 注册企业主体的小程序，会用到营业执照、法人身份证等材料，建议让用户来注册小程序，或者远程指导用户注册，后续备案的时候，腾讯官方也会打电话确认企业相关的信息，用户会更清楚一些。 注意： 要跟用户提前说清楚，小程序要做的功能，一定需要跟营业执照许可的范围一致。否则，在备案的时候会被驳回，需要重新认证小程序。我这次就遇到了这个问题，导致整个备案花费的时间比较长。 备案和咱们开发小程序是并行的，小程序注册成功之后，有了 AppID（小程序 ID），就可以开发小程序功能了。 小程序的名称，是有修改次数限制的，每年可以免费修改 2 次，让用户确认好名称，避免免费次数用完，需要付费去认证改名。 2、安装软件 HBuilderX HBuilderX 是 uni app 官方推荐的开发工具，适合快速构建多端应用（如小程序、H5、App 等），也就是说写一套代码，就可以在多个平台运行。 使用起来很方便，看完后面内容，大家应该能感受到这个软件带来的便利性。让编程小白，也可以开发复杂的系统。 访问 HBuilderX 官网：https://www.dcloud.io/hbuilderx.html， 选择适合自己电脑系统的版本即可。 前面我们提到了基于模块快速开发，HBuilderX 内置了很多模板，方便我们快速新建项目，后面会给大家演示。 3、购买云服务 大家还记得前面说的嘛，除了网页（或者小程序），还需要后台服务和数据库，使用云服务，可以低成本搭建后台服务，不需要关心技术细节，平台已经做了很多基础功能，我们只需要点击几下鼠标，就可以创建一个可用的服务。 uniCloud 云服务，可以理解为专为 uni app 设计的 云服务，由阿里云或者腾讯云提供技术支持（取决于你购买哪个公司的云服务）。 访问：https://unicloud.dcloud.net.cn 注册一个账号，这个账号可以登录 HBuilderX 和 uniCloud 。 登录成功之后，需要实名认证，才能购买服务。 访问：https://unicloud.dcloud.net.cn 点击 新建服务空间。选择适合自己需求的套餐，支付相关费用即可。 注意： 凡事涉及到花钱的操作，都要跟用户提前沟通好，是自己先垫付，还是对方直接付费购买，避免后续麻烦。 有朋友可能会问了，我买了云服务，但是不会用，怎么办，不用着急。 HBuilderX 已经有模板内置了页面 + 云服务功能，直接就可以使用， 不懂云服务代码也没关系，你只要知道在哪个目录，Cursor 或者其他 AI 编程工具，会帮你完成指定功能的。 三）开发 作为一个商用小程序，展示的课程内容，会定期调整，不适合直接写死数据，所以，需要一个后台管理系统，来配置课程信息以及轮播图等内容。希望的效果是用户在后台系统中修改了课程信息，小程序中可以实时更新。 HBuilderX 提供了很多模板，uni starter + uni admin 这 2 个模板，提供了用户端和管理端的全套模版功能，开箱即用，让你的开发更快捷。 接下来会详细说明怎么使用这 2 个模板快速开发。 1、管理后台 管理后台，核心目标是为了让运营人员能快速上架、管理核心课程信息。 1）新建项目 选择这个 admin 后台框架模板 在这个模板中，已经内置了管理后台的很多基础功能，可自动适配 PC 宽屏和手机各端，完善的用户权限管理系统，可以直接使用，不用再次开发，只需要把精力放在定制化功能上即可。 2）配置关键信息 uniCloud/cloudfunctions/common/uni config center/uni id/config.json 文件中有很多关键配置，文件中有详细说注释说明，按照自己的需求，配置即可。 3）运行项目 点击工具栏的 运行 → 运行到浏览器 → Chrome 或者其他浏览器。 稍等几分钟，会在控制台看到项目启动成功的提示，访问这个链接就可以打开网页了。 你可以选择连接本地的云函数，还是连接云端云函数，如果要连接云端函数，需要把本地云函数上传的服务器。 建议 2 种方式都测试一下，保证咱们的环境都是正常的。 因为我选择的是 腾讯云，打开 Cursor，会发现项目中多了一个 uniCloud tcb 目录，里面就是要写云服务相关的代码。 在正式编码之前，我们要先跟 AI 聊清楚需求。有效沟通的目的，是为了让对方了解我们的需求。 将你的核心需求清晰、完整地提供给 AI，并引导它进行理解、复述和提问。通过反复、多轮的对话与信息补充，不断修正和加深 AI 对需求的认知。 这个过程不仅仅是告知 AI，更是通过互动共同打磨需求细节，有效规避了前期理解偏差可能导致的后期巨大返工风险。 4）课程管理 新项目，可以让 Cursor 先熟悉一下项目，了解项目的架构和目前已实现的功能，方便后续增加新功能。 了解完当前项目的架构之后，可以开始增加新功能。 5）上线 在本地测试没问题了，可以发布到服务器上，通过域名访问。 选择工具栏中的 发行 → 网站—PC Web 或手机 H5 填入网站域名，如果还没有购买域名，可以先使用 unicloud 提供的默认域名。 发布成功之后，控制台会显示访问路径，点击之后，就能访问页面了。 2、小程序 1）新建项目 选择 uni starter 模板。 这个模板，内置了登录注册、个人中心、设置等通用功能，在此基础上快速开发自己的特色业务。 2）配置关键信息 新建好项目之后，也要做一些简单的配置，跟后台管理配置类似，配置文件在 uniCloud/cloudfunctions/common/uni config center/uni id/config.json ，按照文件中的注释提示，填写对应的配置， appid 和 appsecret 这 2 个参数，可以在小程序后台获取。 3）运行项目 操作跟后台管理系统类似，但是有一点差异，运行项目的时候，注意要选择小程序。 在开发后台管理系统部分，提到了先跟 AI 聊清楚需求，让 AI 了解我们的需求，在开发小程序过程中，同样适用。 小程序的功能比较多，随着沟通次数的增多，AI 可能会忘记了之前的内容，为了避免后续混乱，可以让 AI 制定计划。 将规划写到文档中，后续一旦发现 AI 理解出现了偏差，可以引用规划文档，把 AI 引导到正确的方向上。 4）登录 默认情况下，模板使用的是短信验证码登录方式，可以切换到账号密码登录方式，具体用哪种登录方式，取决于你的配置信息 修改 /uni modules/uni id pages/config.js 中的登录方式 loginTypes： 根据自己需求，配置对应的登录方式，小程序的登录功能就完成了。 如果你感觉默认的登录页面不太好看，可以让 Cursor 辅助优化页面布局。 5）首页 首页主要展示热门推荐课程以及对课程进行分类。 6）课程详情页 课程详情，帮助用户评估课程是否匹配自身需求。展示讲师资质和专业背景，学员评价增强课程可信度。 7）课程日历视图 学生约课成功后，查看约课情况，直观展示学生的课程安排和时间分布，及时了解课程状态变化。 8）邀请列表 平台提供了邀请好友功能，展示用户的邀请成果和奖励情况。页面将包含邀请统计、好友列表。 9） 课程收藏列表