☕ 早餐店不需要小程序——需要一张‘会认钱’的二维码
老张的煎饼摊在地铁口摆了12年。去年儿子给他装了某品牌扫码点餐系统，结果：
上月，我帮他做了个网页：
3天后，隔壁包子铺王姐拿着保温桶来找我：「你给老张做的那个‘响一声’的，能给我也做一个吗？」
今天，公开5个已验证的模板核心逻辑（全部开源，复制即用）。
---
🧩 模板1：极简核销页（适合1人摊位）
特点：单页双模式，扫码即切换
实现原理：
?mode=customer（顾客）或 ?mode=owner（老板）wx.config注入，无需后端）localStorage订单队列，点「完成」清空该单✅ 顾客扫 https://xxx.netlify.app/?mode=customer → 点单付款
✅ 老板扫 https://xxx.netlify.app/?mode=owner → 核销
---
🧩 模板2：语音播报核销（防漏单神器）
加一行代码，让老板专注摊饼不盯手机：
// 在核销成功后触发
const audio = new Audio('data:audio/wav;base64,UklGRigAAABXQVZFZm10IBAAAAABAAEARKwAAIJsAAACAAABAAEAQB8AAEAfAAABAAgAZGF0YQAAAAA=');
audio.play();
这是1秒‘叮’音效的base64编码，无需外链、不耗流量。
---
🧩 模板3：离线订单缓存（WiFi断了也不丢单）
用localStorage存未核销订单：
// 顾客付款成功后
const order = { id: Date.now(), items: ['煎饼', '豆浆'], time: new Date().toLocaleString() };
const list = JSON.parse(localStorage.getItem('orders') || '[]');
list.push(order);
localStorage.setItem('orders', JSON.stringify(list));
老板页启动时自动读取：JSON.parse(localStorage.getItem('orders'))
---
🧩 模板4：手写签名核销（防纠纷）
老板页加canvas签名区：
<canvas id="signature" width="300" height="150" style="border:1px solid #ccc;"></canvas>
<button onclick="saveSignature()">确认核销</button>
用toDataURL()转为图片存入订单，打印小票时可附签名截图。
---
🧩 模板5：自动轮播待核销（解放双眼）
老板页加自动轮播：
setInterval(() => {
const orders = JSON.parse(localStorage.getItem('orders') || '[]');
if (orders.length) {
document.querySelector('.current-order').textContent =
`第${orders.length}单：${orders[0].items.join('+')} | ${orders[0].time}`;
}
}, 3000);
每3秒刷新一条，老板抬头看一眼就行。
---
🚀 部署：3步上线，老板亲自操作
煎饼果子即可）✅ 成本：0元（Netlify免费）
✅ 学习：老板只需记住「扫这个码核销」
✅ 维护：你走后，他改价格只要打开网页F12 → Edit HTML
---
💡 为什么早餐店比大厂更需要「无感技术」？
真正的技术普惠，是让工具消失在流程里——就像老张说的：「我现在就听那一声‘叮’，别的不用管。」
> 🔗 模板源码已整理好，回复【早餐模板】获取GitHub仓库地址（含5个完整HTML文件）
行动建议：拍下你常去的早餐店，用本文方法做个demo发过去。如果老板说「这比原来强」，截图发#life-hacks，我们帮你优化成正式版。