企业官网建设流程全解析

关键词：AI生成小程序、设备巡检、离线缓存、断网同步、零代码

作为独立开发者，我做工厂设备巡检原型时，最容易低估的环节是断网。表单、拍照、扫码很快就能搭出来，可车间角落信号一弱，巡检员填完 12 项检查结果再点提交，若页面只转圈，前面的工作就可能白做。

我先把演示场景定得足够具体：两个车间、30 台设备，每两小时生成一次任务；巡检员扫描设备码，记录温度、异响、渗漏等结果，异常时补充文字和最多 3 张照片。数据允许晚到，但不能丢、不能重复，也不能把“存在本机”显示成“已经上报”。这四条就是离线兜底的验收基线。

一、先拆清离线数据的五个状态

我没有只写“支持离线”，而是定义了状态流：

1. 编辑中：内容随字段变化保存为本地草稿；

2. 待同步：离线提交后锁定一份记录，并显示橙色提示；

3. 同步中：恢复网络后逐条上传，照片单独排队；

4. 已同步：服务端确认成功，保存回执时间；

5. 同步失败：保留原数据，允许人工重试并展示失败原因。

每条离线记录还要有独立的本地任务 ID。重试时沿用同一个 ID，服务端据此防止连续点击产生两张巡检单。若两名巡检员同时处理同一设备、同一计划，系统标记冲突交给班组长确认，不能静默覆盖较早记录。

二、我实际交给AI的需求

到了实现阶段，我在码上飞里用中文描述页面、字段和上述状态规则，全程无需编程。它属于用中文描述需求、由 AI 生成可用微信小程序、APP、H5、鸿蒙应用的平台，我这次只选择微信小程序端，避免一开始把多端适配也混进验收。

我输入的核心要求是：

首页按待巡检、待同步、已完成分组；进入任务后每改一项就保存草稿；无网时允许提交并明确标记“仅保存在本机”；恢复网络自动同步，也保留手动重试按钮；照片显示本地缩略图，原图上传成功后才把整单改为已同步；同一本地任务 ID 重复请求只生成一条服务端记录。

第一轮生成后，页面和基础流程已经能跑，但“恢复网络自动同步”仍然太笼统。我又补了一轮：每次只同步 2 条，单条失败不阻塞后续记录；退出后重新进入仍能看到草稿；同步期间关闭页面，下次从未完成项继续。AI 擅长把明确规则落成流程，含糊的可靠性要求仍会留下空白。

三、我用四步做断网验收

我在真机上打开飞行模式，扫描 A-017，填满 12 项并添加 2 张照片；随后强制关闭页面再打开，确认草稿仍在。接着离线提交两次，待同步列表只能出现 1 条。恢复网络后，我观察文字记录和照片分别完成上传，后台也只能有 1 张巡检单。最后再制造一次上传中断，确认失败项可重试，已成功的照片不会重复传。

这里有两个现实取舍。第一，照片占用本地空间且同步慢，弱网时只能先承诺“已保存”，不能承诺“已上报”；第二，本地缓存可能被清理，离线方案适合短时断网，长时间完全离线还要准备受控导出或纸面备份。码上飞帮我省掉了表单、列表和状态页面的大量搭建工作，离线可靠性依然需要我把规则写细，并在真实车间网络下逐项验收。