一个开源的电子礼簿系统

[W3Cbox]

电子礼簿系统

今年暑假的时候，亲戚小孩要办升学宴，让我记录礼簿，我字写得太丑，于是在网上寻找类似的电子礼簿应用，发现都是收费的，于是开发了这款应用，70%代码由 ai 编写。

网页版： https://gift-book.static.domains/

单页应用，源代码右键自取。

应用简介

告别传统的纸质礼簿，电子礼簿让收礼记录 更便捷、更安全、更有仪式感。

电子礼簿系统是一款基于 HTML5 + JavaScript + IndexedDB 的本地化礼金管理应用。系统以“AES 算法加密数据、便捷、仪式感”为设计理念，专门用于婚礼、寿宴、满月酒、乔迁等各类需要记录礼金的场合，帮助用户高效完成礼金的登记、统计与导出。

功能特点

1. 贺礼事项管理
   • 支持创建多个贺礼事项，可自定义事项名称、有效时间范围和管理密码；
   • 超出有效时间将自动禁止新数据录入，保障礼簿的规范性；
   • 支持事项切换，进入时需验证密码。
2. 数据录入
   • 左侧录入区：姓名、金额、收款方式（现金/支付宝/微信/其他）、备注；
   • 数据一经录入不可修改，确保记录真实性；
   • 自动语音播报：“某某人贺礼多少元整”；
   • 检测重复（相同姓名与金额），录入前提示确认。
3. 礼簿展示
   • 右侧礼簿区：采用红色喜庆边框与传统排版；
   • 每页 10 条记录，自动分页，支持上下翻页；
   • 展示内容包括姓名（上）、“贺礼”（中，红色）、金额大写（下）；
   • 实时统计当前事项总金额。
4. 数据存储与安全
   • 本地存储采用 ​IndexedDB​，保证数据持久化；
   • 可选启用 ​加密存储​，增强隐私与安全性。
5. 数据导出与查询
   • 一键导出 Excel 或 ​PDF​，保持与展示区一致的分页排版；
   • 支持按姓名快速查询礼金记录。

应用价值

• ​替代纸质礼簿​：减少手写与人工统计的麻烦；
• ​保留传统仪式感​：排版与配色符合传统礼簿风格；
• ​安全可靠​​：数据不可篡改，本地存储保障私密性；
• ​便于分享与归档​：导出 Excel/PDF ，便于留存与打印。

适用人群

• 婚礼筹办者
• 家庭寿宴、满月酒、乔迁宴主持人
• 企业活动礼金登记员
• 任何需要 收礼金并记录管理 的场景

9 月 30 日更新:
1.已加入白事皮肤
2.已修复备注不显示

代码已开源:https://github.com/jingguanzhang/gift-book
网页版演示： https://jingguanzhang.github.io/gift-book/

[YiXinCoding]

真不错，赞了，再搞个宴席签到、寻座、抽奖系统吧。😂

[xmlf]

万一有重名怎么办？建议加上客人住址

[est]

整得还挺标致。。。

[est]

卧槽，还有语音报数。。。6

[shoaly]

输入密码之后没有响应, chrome 浏览器 打开 console 之后
出错信息: (index):367 Uncaught ReferenceError: CryptoJS is not defined

[CNCN666]

再搞个皮肤，白事儿用。

[W3Cbox]

@shoaly 检查一下资源加载有没有完成

[W3Cbox]

@xmlf 重名的可以录入，录入时有确认提示

[xmlf]

@W3Cbox 无法分辨谁是谁，建议加住址

[Fisher1006]

页面看着不错

[forgeer]

还有上物品的

[liuxey]

@W3Cbox #7 看了一下，两个 js 在屏蔽清单，建议换个源

[saigo]

可以加上关系 什么四舅 三姨妈 小学同学

[hm20062006ok]

备注怎么看？

[thetbw]

可以的，以后办事门口放个笔记本就行了，不用请村里的老师傅了😂

[laov2]

这个不错，还在调试吗？ Uncaught ReferenceError: CryptoJS is not defined

[shortawn]

好东西，小巧实用！

[guokb]

厉害，这个都被 op 做到！赞！

[2333wz]

@xmlf #2
@xmlf #2 肯定以真正的簿为准啊，还原手书风格才有现实意义。

[ImmerTry]

牛的，感谢分享

[greatghoul]

挺赞的，收藏了。

[2333wz]

@CNCN666 打印成黑白的😁

[Endeavor]

666

[zgsi]

uBlock Origin Lite 给屏蔽了,也没白名单功能.只能无痕模式看了!

[tysb777]

太强了哥们

[mokecc]

马上要过年了，年会要来了，搞个抽奖系统吧

[Mystery0]

贺礼有给东西的情况呀
————
歪个题，我感觉用这个东西生成电子的，然后再外接一个手写机器手，在旁边实时写可能更有意思一点
新一代的人用电子版，老一辈的人用实体版

[cslive]

staticfile.net CDN 被 uBlock 拦截了，建议换个 cdn 或者直接用 github page 吧

[x86]

@2333wz #22 还得随一个

[rainfox]

有个问题，PDF 导出，无论是横排还是竖排，都不在一页，单页分成了两页

[felixv]

很早之前就有一个想法，就是给个码，客人自己填名字金额，然后手机直接支付。很方便。就是没有了人情味，哈哈
----
OP 考虑加一个记录查询功能吗？可以查询客户在多个礼簿中的记录，方便还礼。

[zhxhwyzh14]

<script src="https://static.app/js/static-forms.js" type="text/javascript"></script>

<script src="https://static.app/js/static.js" type="text/javascript"></script> 这两行代码自托管的话是不是可以直接删掉？

[superribbits886]

非常棒

[msthink]

这个很好，收藏一下

[boyzhang]

可以，但是还有一点不足，不能修改，如果填错了咋办

[boyzhang]

备注也没展示出来

[W3Cbox]

@boyzhang 备注需要导出 xlsx 查看

[W3Cbox]

@boyzhang 礼账是不能修改的，传统就是这样

[W3Cbox]

@rainfox 选择 a4 纸张。或者选择打印机的时候，选择另存为 pdf

[W3Cbox]

@hm20062006ok 备注需要导出 xlsx

[W3Cbox]

@zhxhwyzh14 是的

[cooldish]

挺有趣的，我觉得这种 idea 挺好，满足部分人的需求。
不知道 OP 有没有考虑怎么变现。
或许大家更愿意 web 版还是手机版呢

[Gilfoyle26]

伪需求，鉴定完毕！

[suke119]

嗯？

[rainfox]

@W3Cbox 仔细测试一下了，浏览器窗口大小会影响打印显示的结果。

[asdfinstall]

厉害，这个方便来

[J4rod]

:)语音播报,接个喇叭

[sylctvn111]

打不开哎

[W3Cbox]

因为近期有一批人在闲鱼平台倒卖这个开源程序。被我投诉后，对方不满对网站进行 ddos 攻击。目前托管方已经将站点暂停。

[Spute]

最近刚好有需求，在手机端试了一下，发现导出的 PDF 是空白的。作者支持一下手机端？或者在 github 上传一下代码，我试试提个 pr 。

[Spute]

感觉现场收礼记账，如果能够在手机端完成会更方便。

[evejwp]

@W3Cbox 唉，真是什么牛鬼蛇神都有

[W3Cbox]

代码已开源:https://github.com/jingguanzhang/gift-book
网页版演示： https://jingguanzhang.github.io/gift-book/
@Spute