V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
W3Cbox
V2EX  ›  分享创造

一个开源的电子礼簿系统

  •  
  •   W3Cbox · 2 天前 · 2298 次点击

    电子礼簿系统

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

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

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

    应用简介

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

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

    QQ 截图 20250929210927.png QQ 截图 20250929211050.png QQ 截图 20250929210956.png QQ 截图 20250929211018.png

    功能特点

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

    应用价值

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

    适用人群

    • 婚礼筹办者
    • 家庭寿宴、满月酒、乔迁宴主持人
    • 企业活动礼金登记员
    • 任何需要 收礼金并记录管理 的场景
    第 1 条附言  ·  1 天前
    9 月 30 日更新:
    1.已加入白事皮肤
    2.已修复备注不显示
    46 条回复    2025-10-01 19:32:16 +08:00
    YiXinCoding
        1
    YiXinCoding  
       2 天前   ❤️ 1
    真不错,赞了,再搞个宴席签到、寻座、抽奖系统吧。😂
    xmlf
        2
    xmlf  
       2 天前 via Android
    万一有重名怎么办?建议加上客人住址
    est
        3
    est  
       2 天前
    整得还挺标致。。。
    est
        4
    est  
       2 天前
    卧槽,还有语音报数。。。6
    shoaly
        5
    shoaly  
       2 天前
    输入密码之后没有响应, chrome 浏览器 打开 console 之后
    出错信息: (index):367 Uncaught ReferenceError: CryptoJS is not defined
    CNCN666
        6
    CNCN666  
       1 天前
    再搞个皮肤,白事儿用。
    W3Cbox
        7
    W3Cbox  
    OP
       1 天前 via Android
    @shoaly 检查一下资源加载有没有完成
    W3Cbox
        8
    W3Cbox  
    OP
       1 天前 via Android
    @xmlf 重名的可以录入,录入时有确认提示
    xmlf
        9
    xmlf  
       1 天前 via Android
    @W3Cbox 无法分辨谁是谁,建议加住址
    Fisher1006
        10
    Fisher1006  
       1 天前 via iPhone
    页面看着不错
    forgeer
        11
    forgeer  
       1 天前
    还有上物品的
    liuxey
        12
    liuxey  
       1 天前
    @W3Cbox #7 看了一下,两个 js 在屏蔽清单,建议换个源
    saigo
        13
    saigo  
       1 天前
    可以加上关系 什么四舅 三姨妈 小学同学
    hm20062006ok
        14
    hm20062006ok  
       1 天前
    备注怎么看?
    thetbw
        15
    thetbw  
       1 天前
    可以的,以后办事门口放个笔记本就行了,不用请村里的老师傅了😂
    laov2
        16
    laov2  
       1 天前
    这个不错,还在调试吗? Uncaught ReferenceError: CryptoJS is not defined
    shortawn
        17
    shortawn  
       1 天前
    好东西,小巧实用!
    guokb
        18
    guokb  
       1 天前
    厉害,这个都被 op 做到!赞!
    2333wz
        19
    2333wz  
       1 天前
    @xmlf #2
    @xmlf #2 肯定以真正的簿为准啊,还原手书风格才有现实意义。
    ImmerTry
        20
    ImmerTry  
       1 天前
    牛的,感谢分享
    greatghoul
        21
    greatghoul  
       1 天前
    挺赞的,收藏了。
    2333wz
        22
    2333wz  
       1 天前
    @CNCN666 打印成黑白的😁
    Endeavor
        23
    Endeavor  
       1 天前
    666
    zgsi
        24
    zgsi  
       1 天前
    uBlock Origin Lite 给屏蔽了,也没白名单功能.只能无痕模式看了!
    tysb777
        25
    tysb777  
       1 天前
    太强了哥们
    mokecc
        26
    mokecc  
       1 天前
    马上要过年了,年会要来了,搞个抽奖系统吧
    Mystery0
        27
    Mystery0  
       1 天前
    贺礼有给东西的情况呀
    ————
    歪个题,我感觉用这个东西生成电子的,然后再外接一个手写机器手,在旁边实时写可能更有意思一点
    新一代的人用电子版,老一辈的人用实体版
    cslive
        28
    cslive  
       1 天前
    staticfile.net CDN 被 uBlock 拦截了,建议换个 cdn 或者直接用 github page 吧
    x86
        29
    x86  
       1 天前
    @2333wz #22 还得随一个
    rainfox
        30
    rainfox  
       1 天前
    有个问题,PDF 导出,无论是横排还是竖排,都不在一页,单页分成了两页
    felixv
        31
    felixv  
       1 天前
    很早之前就有一个想法,就是给个码,客人自己填名字金额,然后手机直接支付。很方便。就是没有了人情味,哈哈
    ----
    OP 考虑加一个记录查询功能吗?可以查询客户在多个礼簿中的记录,方便还礼。
    zhxhwyzh14
        32
    zhxhwyzh14  
       1 天前
    <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
        33
    superribbits886  
       1 天前
    非常棒
    msthink
        34
    msthink  
       1 天前
    这个很好,收藏一下
    boyzhang
        35
    boyzhang  
       1 天前
    可以,但是还有一点不足,不能修改,如果填错了咋办
    boyzhang
        36
    boyzhang  
       1 天前
    备注也没展示出来
    W3Cbox
        37
    W3Cbox  
    OP
       1 天前 via Android
    @boyzhang 备注需要导出 xlsx 查看
    W3Cbox
        38
    W3Cbox  
    OP
       1 天前 via Android
    @boyzhang 礼账是不能修改的,传统就是这样
    W3Cbox
        39
    W3Cbox  
    OP
       1 天前 via Android
    @rainfox 选择 a4 纸张。或者选择打印机的时候,选择另存为 pdf
    W3Cbox
        40
    W3Cbox  
    OP
       1 天前 via Android
    @hm20062006ok 备注需要导出 xlsx
    W3Cbox
        41
    W3Cbox  
    OP
       1 天前 via Android
    @zhxhwyzh14 是的
    cooldish
        42
    cooldish  
       1 天前
    挺有趣的,我觉得这种 idea 挺好,满足部分人的需求。
    不知道 OP 有没有考虑怎么变现。
    或许大家更愿意 web 版还是手机版呢
    Gilfoyle26
        43
    Gilfoyle26  
       1 天前
    伪需求,鉴定完毕!
    suke119
        44
    suke119  
       1 天前
    嗯?
    rainfox
        45
    rainfox  
       12 小时 17 分钟前
    @W3Cbox 仔细测试一下了,浏览器窗口大小会影响打印显示的结果。
    asdfinstall
        46
    asdfinstall  
       4 小时 29 分钟前
    厉害,这个方便来
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1892 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 16:01 · PVG 00:01 · LAX 09:01 · JFK 12:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.