小程序视频介绍：http://xhslink.com/o/6BFDqeMsYHh

0-1搭建总共分几步？：http://xhslink.com/o/AMrbWvOkN0w

👋嗨，我是范米花儿～

最近我用AI 编程 ，独自为公司内部从0到1做了一个小程序 ，主要用来解决一件事：员工外勤填报 。 核心能力是「语音一句话」快速生成外勤记录，同时也支持手工填报、全员记录查看、客户与成员管理、考勤填报定时提醒推送等。

我负责了什么

借助 AI 编程，从 2/24 到03/02 ，我独自完成 该外勤小程序从 0 到 1 的 全链路开发与上线 ：

包括小程序注册与配置、产品与体验规划、前端页面开发、后台管理端搭建、接口与数据库实现、腾讯云语音识别与大模型结构化解析接入，以及微信体验版上线前检测、部署与真机联调等全流程落地。

开发流程

1. 定义前台功能 ：先明确用户角色与最高频动作，写可迭代 PRD
2. 方案先结构后细节 ：用 AI 产出多套方案，并用 ASCII图 先画清页面层级、模块关系与关键状态，再进入 UI 与代码实现。
3. 三段式前端落地 ：React 快速探索 → Uniapp 迁移适配 → 小程序真机联调校正。
4. 根据前台内容，确定管理后台 ：前台流程跑顺后，再补后台最小集合（记录/客户/成员/配置）与权限边界，再进行后台界面开发。
5. 接口与数据库后收口 ：先稳定实体关系与字段，再固化接口与表结构。
6. 最后接入语音与模型 ：在字段与提交规则明确后，转为接入腾讯云语音识别与结构化解析
7. 上线校验与部署 ：提交前做敏感词与业务校验，完成微信检测、部署与上线准备。

语音模块流程总览

如果把这套语音填报当成一个完整模块来看，它可以拆成五个连续阶段，分别承担 “引导、输入、理解、修正、校验“职责

• 首页引导： 告诉用户从哪里开始，以及一句话应该怎么说
• 录音交互： 把开始录音、取消录音、结束录音做成清晰可感知的过程
• 系统解析： 把语音先转成文本，再转成结构化字段
• 确认页： 让用户在提交前重录整段语音或逐项修正
• 正式提交： 完成敏感词检测，并把内容写入正式业务记录