🧾
家有账 · 家庭共享记账工具（移动端 H5）
工具办公 · 上传者 驰旭教育 · 更新于 2026-08-06
移动端网页
会员专享 记账家庭账本收支管理预算
22浏览
0下载
0点赞
2026-08-06更新
⚠ 版权与免责声明
本资源由社区用户「驰旭教育」上传分享，版权归原作者所有。
· 本站内容仅限个人学习与研究使用，严禁用于任何商业用途。
· 下载后请于 24 小时内删除或销毁，逾期风险自负。
· 因参考、运行本站代码产生的任何损失，本站不承担赔偿责任。
· 如涉及侵权，请联系我们，核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息，均属于在学习研究时的测试模拟数据，与现实中的同名任何个人、企业、组织无任何关联；若有雷同，纯属巧合。如这些内容无意中侵犯您的合法权益，请联系我们，核实后将及时删除或更改。
功能介绍
- 十页独立 H5：首页概览 / 记一笔 / 账单流水 / 账单详情 / 统计报表 / 预算管理 / 资产账户 / 家庭账本 / 周期账单 / 个人中心
- 记一笔支持支出、收入、转账三种类型，21 个支出分类 + 8 个收入分类，四组常用分类分页切换
- 自定义数字键盘：小数位限制、连续「再记」不跳页、账户 / 记录人 / 标签 / 票据一屏录入
- 账单流水按日分组，支持按收支类型、家庭成员、标签八种筛选，可一键切换消费日历热力视图
- 统计报表纯 SVG 手绘：6 月收支双柱图、支出构成多段环形图、分类排行环比、成员对比、结余走势折线
- 预算管理：总预算环形进度 + 8 项分类预算条 + 超支 / 预警 / 健康三档标记 + 日均可用测算
- 资产账户区分资金 / 信用 / 投资三类，信用卡展示额度使用率、账单日还款日，含 3 个储蓄目标进度
- 家庭账本多人协作：4 本账本切换、成员权限矩阵、消费排行、动态时间线、AA 分摊、邀请码入伙
- 周期账单自动记账：房贷 / 物业 / 话费规则可启停，并基于历史账单智能识别可固化的周期支出
- 全站 localStorage 持久化，新增账单实时进入流水与首页，零框架零 jQuery，离线可跑
界面预览
源码结构
index.html
add.html
bills.html
detail.html
chart.html
budget.html
assets.html
family.html
recur.html
me.html
style.css
data.js
app.js
详细说明
纯原生 JavaScript 多页架构家庭记账工具演示，零框架零 jQuery，10 个独立 HTML 页面共享 style.css / data.js / app.js，数据仅存本地，可离线运行。
下载压缩包后解压，按源码内 README 配置 AppID / 接口地址 / 云环境，使用对应开发者工具导入即可预览。如遇问题可在评论区留言，由上传者与其他社区成员交流答疑。
用户评论 （0）
还没有评论，来抢沙发～