共计 1217 个字符,预计需要花费 4 分钟才能阅读完成。
自己用 ai 辅助做的 html 记账工具。我的记账本 v1.0 这是一款功能强大的个人记账本应用,采用单文件 HTML 设计,无需安装,直接在浏览器中运行。支持多账户管理、多币种记账、预算管理、数据可视化等功能。
源码下载:https://pan.quark.cn/s/cdc2ffc71063
主要功能 1. 多账户管理
支持现金、银行卡、信用卡、投资账户、负债等多种账户类型
每个账户可设置不同币种
账户可排序,支持拖拽调整顺序
可选择是否计入净资产计算
2. 多币种支持
支持 CNY、HKD、USD、EUR 等常见币种
自动汇率换算至基准货币
支持手动设置汇率或联网更新汇率
3. 交易记录
支持收入、支出、转账三种交易类型
交易可编辑、删除
支持分类管理(餐饮、交通、居住等)
记录对方信息与备注
4. 预算管理
为每个支出分类设置月度预算
实时显示预算使用进度
预算可编辑、删除
5. 数据可视化
资产结构圆环图
12 个月收支趋势图
本月支出分类占比饼图
6. 多用户支持
支持切换 / 创建不同 ID
每个 ID 数据完全独立
适合家庭成员分别使用
7. 数据安全
数据存储在浏览器本地
支持 JSON 格式导出备份
支持从备份文件导入恢复
使用说明首次使用
打开应用
直接在浏览器中打开 HTML 文件
应用会自动创建默认 ID 和示例数据
设置偏好
在 ” 设置 ” 页面选择基准货币
设置是否开启金额遮罩
选择深色 / 浅色主题
日常使用流程 1. 添加账户
进入 ” 账户 ” 页面
点击 ” 新增账户 ”
填写账户信息:名称、类型、币种、期初余额
保存账户
2. 记录交易
进入 ” 交易 ” 页面
选择交易类型:支出、收入或转账
填写交易详情:日期、账户、金额、分类、对方、备注
保存交易
快捷键:按 ”N” 键快速跳转到记账页面 3. 查看财务状况
仪表盘:查看净资产、本月收支、账户概览、最近交易
报表:查看收支趋势和支出分类占比
4. 管理预算
进入 ” 预算 ” 页面
为各支出分类设置月预算金额
实时查看预算使用情况
高级功能汇率管理
在 ” 设置 ” 页面的 ” 汇率管理 ” 部分
手动设置汇率或联网更新
汇率数据源:open.er-api.com
数据备份与恢复
导出:点击 ” 导出 JSON” 下载当前 ID 数据备份
导入:点击 ” 导入 JSON” 从备份文件恢复数据
清空:可清空当前 ID 所有数据
多 ID 管理
点击顶部 ” 切换 ID” 按钮
输入新 ID 名称创建独立账本
适合管理个人、家庭、生意等不同账本
使用技巧
快速记账:使用快捷键 ”N” 快速跳转到记账页面
账户排序:在账户列表拖动左侧 ”⋮⋮” 图标调整账户顺序
交易筛选:在流水页面可按账户和关键词筛选交易
隐私保护:开启金额遮罩功能,保护敏感信息
数据安全:定期导出数据备份,防止意外丢失
注意事项
数据存储在浏览器本地,清除浏览器数据会导致数据丢失
建议定期导出数据备份
汇率更新需要网络连接
导入数据为合并导入,相同 ID 的记录会被覆盖
切换 ID 后,设置和数据都会切换到对应 ID
技术支持
本软件为单文件原型,无需安装
数据完全存储在本地,保护隐私
支持现代浏览器(Chrome、Firefox、Safari、Edge 等)