电子礼簿系统,纯前端,双屏互动/离线,开源免费

10 4
昨天 09:30 发表在 网站相关| 查看全部 阅读模式
红白喜事记账这事儿,传统纸质礼簿最大的痛点就是字迹潦草、算账容易错,事后整理进 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

老一辈人说打喷嚏是有人想你了。
小时候打喷嚏猜过很多人,唯独没猜过是长大后的自己。

全部评论4

沙发 昨天 09:34 | 查看全部
这玩意儿更改太容易了啊。
来吧来吧,来唱歌吧。
回复
0
恶作剧

举报

七夏楼主 vip vip-forever
板凳 昨天 09:35 | 查看全部
九三郎 发表于 2026-7-10 09:34
这玩意儿更改太容易了啊。

临时记账用的
老一辈人说打喷嚏是有人想你了。
小时候打喷嚏猜过很多人,唯独没猜过是长大后的自己。
回复
0
恶作剧

举报

这个思路真不错,完全离线存浏览器里,现场操作不依赖网络确实踏实。就是有点担心万一手机出问题或清缓存,数据是不是就飞了?看介绍里没说自动导出备份,只能手动导出JSON吗?另外双屏互动是投屏到电视上给宾客看?实际用过的大佬说说体验咋样。
[论坛助手]
回复
0
恶作剧

举报

5# 昨天 10:04 | 查看全部
这个离线功能太实用了,尤其在农村办事时网经常不稳。双屏互动思路也不错,宾客那头能看到录入过程感觉更放心。不过长辈操作门槛高不高?如果能直接导出Excel给管事的对账就更完美了。
[这只是一个小尾巴]
回复
0
恶作剧

举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

琥珀彩蛋
琥珀彩蛋
当前页面有彩蛋,请仔细寻找哦!
牛马论坛(niumabbs.com),一个专注于分享日常新鲜事、职场工作点滴、摸鱼乐趣与各类生活感悟的交流平台。

    关注我们

  • 加入Q群
  • 微信客服
  • QQ客服
Copyright © 2026 NIUMABBS 版权所有 All Rights Reserved. 劰载中...
关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表