红白喜事记账这事儿,传统纸质礼簿最大的痛点就是字迹潦草、算账容易错,事后整理进 Excel 能把人累死。
GitHub 上发现个叫 gift-book 的开源项目,定位很精准:完全离线、零后端的电子礼簿。作者直接写了个纯 HTML 的单页应用 (SPA),数据全存浏览器里,拔了网线照样用。
简单说,它旨在为各类红白喜事提供现代化、安全、高效的礼金(份子钱)管理解决方案。项目彻底告别了传统手写礼簿,通过数字化方式解决记录、统计、查询和存档的全流程。
电子礼簿系统,纯前端,双屏互动/离线,开源免费
电子礼簿系统,纯前端,双屏互动/离线,开源免费
1. 核心功能
极致录入体验:
全键盘操作:姓名、金额、渠道(微信/支付宝/现金)输完直接回车,秒级记账。
智能辅助:输数字自动转中文大写(如:壹仟元整),省得你自己去拼。
风控:实时检测重名和重复金额,防止忙中出错。
语音播报 (TTS):录入完直接朗读“张三 贺礼 一千元整”,既方便核对又能撑场面。
双屏互动& 仪式感:
访客副屏:支持开启副屏页面,实时投射数据到外接屏幕/电视,主屏录入,副屏展示,方便现场宾客核对金额。
隐私模式:副屏上历史记录会自动打码脱敏,只显示最新的一条全名。
收款码展示:副屏支持自定义上传展示东家收款码,方便宾客现场扫码。
场景适应:内置两套皮肤,“喜庆红”对应婚礼,“肃穆灰”对应白事。
数据安全:
零后端:数据 100% 存本地 IndexedDB,不走任何云服务。
金融级加密:全量数据用 AES-256 加密,管理密码用 SHA-256 哈希保护。电脑丢了也不怕数据泄露。
报表与归档:
PDF 导出:内置渲染引擎,支持自定义字体、封面和背景纹理生成精美的电子礼簿。
Excel 导出:标准 .xlsx 格式,包含完整的修改日志。
智能分批:数据量超 1000 条自动分卷生成,防止浏览器内存溢出。
审计留痕:全链路记录修改历史(时间轴),支持软删除(作废),每一笔改动都有迹可循。
全量备份:支持导出加密数据文件,换电脑能恢复。
2. 技术栈与架构
核心:原生 Vanilla JS (ES6+) + HTML,采用 OOP (面向对象) 架构,没用 Vue/React 这种重框架。
样式:Tailwind CSS。
存储与加密:IndexedDB (idb wrapper) + CryptoJS。
导出库:SheetJS (Excel) + PDF-Lib。
部署:纯静态资源,源码即产物,无需编译。双击 index.html 或者扔到 GitHub Pages/Vercel 就能跑。
3. 使用指南
快速开始:不需要配环境,直接去 Releases 下个 Windows 预编译版 (.exe 套壳),或者克隆代码浏览器打开。
流程:运行 -> 初始化(设密码/活动名) -> 记账 -> 导出归档。
4. 避坑指南 (注意事项)
数据易失性:这东西的数据存在浏览器的 IndexedDB 里。千万别手贱去清浏览器缓存,一清数据全没。
临时定位:作者明确说了,这只是“现场临时记账工具”,活动结束务必立即导出 Excel/PDF 进行永久保存,别把它当数据库用。
密码找回:因为是本地 SHA-256,如果你忘了管理密码,神仙也救不了你,数据直接废掉。
商用限制:协议是 CC-BY-SA-4.0。严禁打包倒卖源码或二次封装收费。作者在文档里说了,如果你非要搞二开倒卖,他指了个特定的 Lite 版本(含小程序)的路子,别碰这个主分支。
电子礼簿系统,纯前端,双屏互动/离线,开源免费
总结
gift-book 非常适合家里办事需要记账,又不想用纸笔受罪的场景。它的“双屏模式”和“语音播报”在现场非常有仪式感。虽然纯前端存数据有风险,但只要记遵守“用完即导出”的原则,这就是个极佳的效率工具。
项目地址:
https://github.com/jingguanzhang/gift-book
|
|