5个让室友主动分摊电费的「共享生活账本」AI模板
上个月,我和3个室友因为“谁该多付12块电费”在群里冷战48小时。直到我把一个二维码甩进群:「扫码记,自动算,今晚就清」。
3分钟后,A扫了码记下「7月电费328元」,B记「美团外卖89元」,C记「保洁阿姨200元」……
当晚21:07,系统自动推送PDF账单到所有人微信——每人应付205.67元,附明细+支付码。没人问“怎么算的”,因为页面右上角写着:「算法开源,点击查看」。
这不是SaaS,是5个纯静态H5页面,全由AI生成,部署在免费Vercel上,扫码即用,无账号体系。
下面5个模板,你挑一个,10分钟落地:
🧾 模板1:极简扫码记账(最适合第一次试水)
用HTML+CSS+JS写一个单页记账工具,仅用原生JS,不依赖库,视觉清爽(浅灰底+青色按钮),金额输入框带¥符号,提交后本地存储并实时更新人均数📊 模板2:带图表的周账单(适合爱复盘的室友)
用script标签引入cdn.chartjs.org,画响应式环形图,颜色用#4CAF50/#2196F3/#FF9800📲 模板3:微信扫码直接记(破除“懒得打开浏览器”)
生成微信JS-SDK扫码页面:初始化config后调用wx.scanQRCode,扫码结果弹窗确认,确认后存入localStorage并刷新页面📄 模板4:PDF账单生成器(解决“不认账”)
用jsPDF和html2canvas生成PDF:包含标题「XX公寓7月生活账单」、明细表格、人均金额大字、生成时间、二维码(链接到本页)🤖 模板5:AI自动分类版(懒人终极方案)
用正则提取中文字符串中的数字金额和关键词(电费/燃气/宽带/外卖),返回{type, amount, date}对象🚀 部署:3步上线
vercel命令部署 → 获得域名如 shared-ledger.vercel.app> ✅ 实测效果:我们群从“电费争议”变成“谁先扫?”——因为扫码比打字快,记账成了条件反射。
>
> 所有5个模板源码+Prompt已整理:[woshird.com/hack/shared-ledger](https://woshird.com/hack/shared-ledger)