实操教程：做一个保质期计算器，让员工扫码就能录商品

做超市的都知道，食品、日化最怕过期。临期没发现，只能打折或者报废；过期没发现被顾客买到，更麻烦。

我店里以前用 Excel 表记，但问题多：店员记不住打开文件、生产日期填错、到期了没人提醒。后来我用 WorkBuddy 做了一个网页版的保质期计算器，员工手机上点开就能用，扫一下条码、填个生产日期，到期日自动算出来。

这篇文章把整个制作过程拆成四步，你跟着做，也能给自己店里做一个。

第一步：说清楚你要做什么工具

打开对话框，直接告诉 AI 你的场景。不要只说"帮我做个工具"，要把人、场景、痛点讲清楚。

我的指令是这样的：

我在广西北流市开连锁超市，
现在需要一个保质期计算器，给员工手机端使用。
核心功能：
1. 录入商品：名称、品类、生产日期、保质期天数、门店
2. 自动计算到期日和剩余天数
3. 临期和过期要提醒，颜色区分
4. 支持扫码识别商品条码
5. 数据存在本地，刷新不丢
6. 能导出Excel清单

请生成一个单文件HTML网页，我自己部署后给员工用。

要点：

• 把门店数量、使用设备、必须功能说清楚
• 不要说"做得好看点"这种虚的，要列功能点
• 告诉 AI 输出格式（单文件 HTML）

第二步：让 AI 把功能拆细

AI 第一次给的一般是大框架，你需要让它继续细化。比如我会追问：

• 品类能不能自定义？食品和日化要分开
• 门店下拉菜单里放我9家店的名字
• 临期阈值能不能调？默认30天，但生鲜要7天
• 扫码识别不到的商品，能不能手动添加并记住？

这一轮沟通大概来回三四次。每次把修改意见一条条发，比一次性说一大段效果更好。

第三步：拿到代码并部署

AI 最终会给你一个 index.html 文件。这个文件包含所有代码：界面、逻辑、本地存储都在里面。

你要做的：

1. 把代码保存到本地
2. 打开检查一下，确认门店列表、品类列表是对的
3. 上传到任意静态托管平台（我用的是 CloudStudio，直接传整个文件夹就行）
4. 拿到在线链接，发到员工微信群

部署完成后，员工手机浏览器点开链接就能用，不需要装 App，不需要注册账号。

我最后的在线版本长这样：

访问地址： https://37ee2229152f4698848762ad5528a193.bj3.agentos-app.net

界面分三块：

• 顶部：统计今日到期、临期、总件数
• 中部：录入区，有「扫码识别」按钮
• 底部：商品清单，支持搜索、筛选、排序、导出

第四步：教员工用

我把操作简化到三步：

1. 打开链接，第一次用先选自己门店
2. 点「扫码识别」，扫商品条码
3. 填生产日期，点保存

如果商品第一次扫，系统会提示补全信息：名称、品类、保质期天数。补一次以后，再扫这个条码就自动带出。

效果对比

做之前

• 临期商品靠人工翻货架查，每周一次
• 不同店数据不互通，总部看不到
• 生产日期填错、漏填经常发生

做之后

• 收货时随手录入，几分钟搞定
• 每天打开链接，红色和橙色的商品自动跳出来
• 数据按门店分类，店长只看自己店

几个关键细节

品类不要贪多。 我最开始把生鲜、蔬菜、水果都放进去，后来发现这些短保商品没必要进系统，每天卖完就完了。最后只保留食品和日化两大类。

门店选择一次记住。 员工第一次打开选自己店，后面就不用再选。这个体验很重要，否则他们会嫌麻烦。

"消数"功能要有。 处理掉的临期商品可以点"消数"，不再显示在提醒里，但数据还在。这样清单不会越来越乱。

适合谁看

• 做实体零售的老板或店长
• 仓库、门店有保质期管理需求的人
• 不懂代码但想做个简单工具的人

你需要准备什么

• 一个能对话的 AI 工具
• 你店里的门店名称、商品品类清单
• 一个静态网页托管平台（很多免费可选）
• 不用懂代码

总耗时

我第一次完整做下来，从提需求到部署上线，大概 3 个小时。其中大部分时间花在跟 AI 沟通细节上，真正写代码和部署很快。

后面迭代功能，比如加门店、加消数按钮，每次十几分钟就能改好。

写在最后

这个工具不是什么高科技，就是把我原来用纸笔、用 Excel 记的事，搬到了手机上。但它解决了一个真问题：让一线员工愿意用。

做实体生意，工具能不能落地，关键不是功能多强，是员工点两下能不能完成。保质期计算器到现在还在我店里用，比写这篇文章之前我做的很多"规划"都实在。

作者：谢岳峰，在广西北流