我的记账本v1.0，html记账工具

baozehua666

自己用ai辅助做的html记账工具。我的记账本v1.0这是一款功能强大的个人记账本应用，采用单文件HTML设计，无需安装，直接在浏览器中运行。支持多账户管理、多币种记账、预算管理、数据可视化等功能。蓝奏云：https://wwzv.lanzouw.com/isKlQ38qig9g 主要功能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等）
  

Nexoray

感谢分享

MuLinShang

怎么新增账户？交易里面的来源要选。而新增账户的功能里，保存保存不了

GSQ1993081412

牛牛牛，马上来试用一下

baozehua666

MuLinShang 发表于 2025-10-22 16:06
怎么新增账户？交易里面的来源要选。而新增账户的功能里，保存保存不了

刷新试试呢

lxyouji

这个可以有，赞一个

ylqxid

有报错，账户保存不了。

baozehua666

ylqxid 发表于 2025-10-22 16:38
有报错，账户保存不了。

换个浏览器试试呢

ylqxid

baozehua666 发表于 2025-10-22 16:43
换个浏览器试试呢

谷歌，和火狐好像都不行哇。