社区超市培训师:打秤代码闯关出题器——把门店自己的秤号表粘进去,正反双向随机练、错题自动重出、限时考核出可打印成绩单,单文件断网可用
你是编码代理。请做一个单文件 HTML 的打秤
代码训练工具,给社区超市培训师用来给新员工
练秤号(PLU 代码)。做完直接能用,不依赖
网络。
输入数据:用户把门店自己的秤号表粘贴进
文本框,每行一条「代码,品名,单价」,页面
上写明示例格式;粘贴即覆盖旧表。
三个模式:
1. 练习模式
- 随机出题,两个方向都要有:给代码选品名
(四选一)、给品名输代码(数字输入)
- 做错的自动进错题本;错题本轮流重出,
连对两次才移出错题本
- 界面实时显示:总题数、错题数、错题本
剩余条数
2. 考核模式
- 开考前手填姓名,一次【考核题量】题、
每题限时【每题限时】秒,超时按错计
- 判合格的标准:答对率 ≥【合格线】
- 结束生成成绩单:姓名 / 日期 / 题数 /
答对率 / 错题清单(代码+品名,方便
回看)/ 合格与否
- 成绩单一键打印,打印样式单独写——只出
成绩单,不出练习界面;版式按「夹进
带训签字单的半页纸」设计
3. 秤号表管理
- 显示当前载入条数、最近更新时间、一键
清空错题本
- 换季换表(新增品类、改价)重新粘贴即
生效,历史错题随旧表清空
实现约束:
- 单个 HTML 文件,不引任何外部依赖——
不引 CDN、不用网络字体,门店电脑可能
断网
- 秤号表和错题记录存 localStorage,刷新
不丢
- 桌面浏览器和手机浏览器(含微信内置
浏览器)都要正常显示和操作
- 界面中文;品名中的多音字、别名按表内
原文出题,不做任何「智能纠正」
禁止:
- 不做注册登录、不做多用户、不做云同步
- 不做动效和音效,加载即用
- 单价字段只展示、不参与判题
为什么这样写
打秤这个岗位动作很特殊:它不是理解题,是反应题——顾客站在秤前,员工三秒内要敲出代码。所以工具的判题维度是「限时 + 正确率」,和上岗要求的口径一致;不带每题限时的练习工具练出来的是「会」,不是「快」,到了秤前照样排长队。
两个方向分开练是因为真实的错误是双向的:背代码的人能看代码说出品名(防按错价),但反过来看着排骨想不起代码时就会乱按一个近似的——反向题专门堵这个洞。错题「连对两次才移出」而不是「重做一次就过」,是因为刚错过一遍的题重做几乎必对,那不叫掌握。
成绩单设计成可打印的半页纸,是整套工具里最不起眼但最有用的一处:带训 SOP 要求「合格标准可验证」,员工自己说练熟了不算数,一张有姓名、日期、正确率的纸夹进签字单,上岗考核才算有凭据。
所有约束里「不引外部依赖」优先级最高。门店的培训电脑往往是角落里那台随时断网的老机器,工具打不开比没有工具更打击带训积极性——断网可用不是加分项,是能不能被用起来的生死线。
变量
| 变量 | 说明 |
|---|---|
| 考核题量 | 一次考核的总题数——覆盖门店常用品类数的量级,太短考不出稳定性 |
| 每题限时 | 单题答题秒数——按「顾客站在秤前能等多久」倒推,练的是反应不是回忆 |
| 合格线 | 判合格的答对率——和带训 SOP 里的上岗标准用同一个数,别两套口径 |