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

一个开源的电子礼簿系统

  •  
  •   W3Cbox · 20 小时 17 分钟前 · 1569 次点击

    电子礼簿系统

    今年暑假的时候,亲戚小孩要办升学宴,让我记录礼簿,我字写得太丑,于是在网上寻找类似的电子礼簿应用,发现都是收费的,于是开发了这款应用,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 ,便于留存与打印。

    适用人群

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