一个开源的电子礼簿系统

[W3Cbox]

电子礼簿系统

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

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

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

应用简介

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

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

功能特点

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

应用价值

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

适用人群

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

[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]

牛的，感谢分享