一个开源的电子礼簿系统

[W3Cbox]

电子礼簿系统

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

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

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

应用简介

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

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

功能特点

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

应用价值

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

适用人群

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

[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