更新记录

1.0.0(2026-04-20) 下载此版本

盔盔记账本

一个基于 uni-app(Vue2)开发的多端记账应用,支持日常收支记录、预算管理、账户管理、分类管理、账本切换与统计分析。

1. 项目简介

盔盔记账本的目标是提供“轻量、可持续、可扩展”的个人记账体验:

  • 首页聚合核心数据(本月结余、收支、预算、最近流水)
  • 记一笔流程支持支出/收入/转账/债务
  • 提供账户、分类、预算、账本多维管理能力
  • 采用统一数据服务层,保证各页面数据口径一致

2. 核心功能

2.1 首页(总览)

  • 展示本月结余、收入、支出
  • 展示月预算/日预算剩余与进度
  • 最近流水按日期分组展示
  • 支持切换当前账本、创建新账本

2.2 记一笔

  • 支持 4 种类型:支出、收入、转账、债务
  • 支持选择账户、分类、日期、时间、备注
  • 支持编辑已有流水
  • 支持从流水详情页发起退款

2.3 日历复盘

  • 月历展示每日收支摘要
  • 选择日期后查看当日流水明细
  • 支持按月切换查看趋势

2.4 资产页

  • 展示总资产与账户分组(资金类/负债与信用类)
  • 支持隐藏金额、查看账户净值贡献
  • 可快捷跳转账户管理、账户编辑

2.5 统计页

  • 按月查看收支与分类分布
  • 提供趋势与占比类统计视图

2.6 我的

  • 展示应用与数据状态
  • 展示 SQLite 能力与接入阶段
  • 提供预算/分类/账户管理入口

2.7 分类管理

  • 分类分为收入/支出
  • 支持新增一级/二级分类
  • 支持编辑、启停、排序、删除

2.8 账户管理

  • 支持多种账户类型(现金、银行卡、支付宝、微信、债务等)
  • 支持新增、编辑、启停、排序、删除
  • 支持债务账户的起始日、还款日、出账逻辑配置

2.9 预算管理

  • 支持月预算与日预算
  • 支持保存预算并实时反映到首页/日历等视图

2.10 多账本

  • 支持新增账本
  • 支持账本切换
  • 账户支持“全部账本”或“指定账本”生效范围

3. 技术方案

  • 框架:uni-app + Vue2
  • UI:Tuniao UI(tuniao-ui
  • 状态管理:Vuex(store
  • 数据服务:services/accounting/index.js
  • 持久化:
    • 优先使用 SQLite 模块(App 端)
    • 同时维护统一快照存储

4. 项目结构

.
├─ pages/
│  ├─ index.vue                     # 应用主入口页(5个Tab容器)
│  ├─ home/home.vue                 # 首页
│  ├─ calendar/calendar.vue         # 日历
│  ├─ assets/assets.vue             # 资产
│  ├─ stats/stats.vue               # 统计
│  ├─ mine/mine.vue                 # 我的
│  ├─ entry/create.vue              # 新建/编辑流水
│  ├─ entry/detail.vue              # 流水详情
│  ├─ entry/refund.vue              # 退款
│  ├─ budget/manage.vue             # 预算管理
│  ├─ ledger/create.vue             # 新增账本
│  └─ mine/*                        # 分类/账户管理相关页面
├─ services/
│  └─ accounting/
│     ├─ index.js                   # 记账业务核心服务
│     ├─ helpers.js                 # 日期/聚合等工具
│     ├─ preset-categories.js       # 预置分类
│     └─ sqlite.js                  # SQLite 同步与访问
├─ store/
│  ├─ index.js
│  └─ $t.mixin.js
├─ tuniao-ui/
├─ App.vue
├─ main.js
├─ pages.json
├─ manifest.json
└─ README.md

5. 数据与一致性说明

services/accounting/index.js 是全局唯一的业务数据入口,负责:

  • 账户、分类、流水、预算、账本的 CRUD
  • 统一数据校验(如转账同账户校验、退款校验)
  • 首页/日历/资产/统计/我的所需视图聚合
  • 快照持久化与 SQLite 同步

页面层不直接拼装底层数据,而是调用服务层获取视图数据,减少口径不一致风险。

6. 运行方式(HBuilderX)

  1. 使用 HBuilderX 打开项目根目录。
  2. 确认 manifest.json 中应用信息正确(AppID、版本、模块)。
  3. 选择运行目标:
    • 运行到浏览器(H5)
    • 运行到 Android/iOS 模拟器或真机
  4. 首次运行后按业务路径验证:
    • 首页 -> 记一笔 -> 明细 -> 统计/资产/日历联动

7. 当前已完成的项目清理

为了聚焦记账业务,已移除未接入的旧模板模块与构建产物:

  • 旧社区/发现/消息模板页面与其依赖文件
  • pages.json 中不再使用的分包配置
  • 未引用静态资源
  • unpackage 下构建缓存目录(保留 unpackage/res/icons,用于 manifest.json 图标配置)

8. 后续建议

  • 新增数据导出(CSV/JSON)与备份恢复
  • 增加账单检索与多条件筛选
  • 增加周期账单(订阅/固定支出)
  • 补充单元测试与关键业务回归脚本

如需扩展新页面或新统计口径,建议优先在 services/accounting/index.js 增加统一接口,再由页面调用,确保全局一致性。


平台兼容性

uni-app(5.07)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - -

盔盔记账本

一个基于 uni-app(Vue2)开发的多端记账应用,支持日常收支记录、预算管理、账户管理、分类管理、账本切换与统计分析。

1. 项目简介

盔盔记账本的目标是提供“轻量、可持续、可扩展”的个人记账体验:

  • 首页聚合核心数据(本月结余、收支、预算、最近流水)
  • 记一笔流程支持支出/收入/转账/债务
  • 提供账户、分类、预算、账本多维管理能力
  • 采用统一数据服务层,保证各页面数据口径一致

2. 核心功能

2.1 首页(总览)

  • 展示本月结余、收入、支出
  • 展示月预算/日预算剩余与进度
  • 最近流水按日期分组展示
  • 支持切换当前账本、创建新账本

2.2 记一笔

  • 支持 4 种类型:支出、收入、转账、债务
  • 支持选择账户、分类、日期、时间、备注
  • 支持编辑已有流水
  • 支持从流水详情页发起退款

2.3 日历复盘

  • 月历展示每日收支摘要
  • 选择日期后查看当日流水明细
  • 支持按月切换查看趋势

2.4 资产页

  • 展示总资产与账户分组(资金类/负债与信用类)
  • 支持隐藏金额、查看账户净值贡献
  • 可快捷跳转账户管理、账户编辑

2.5 统计页

  • 按月查看收支与分类分布
  • 提供趋势与占比类统计视图

2.6 我的

  • 展示应用与数据状态
  • 展示 SQLite 能力与接入阶段
  • 提供预算/分类/账户管理入口

2.7 分类管理

  • 分类分为收入/支出
  • 支持新增一级/二级分类
  • 支持编辑、启停、排序、删除

2.8 账户管理

  • 支持多种账户类型(现金、银行卡、支付宝、微信、债务等)
  • 支持新增、编辑、启停、排序、删除
  • 支持债务账户的起始日、还款日、出账逻辑配置

2.9 预算管理

  • 支持月预算与日预算
  • 支持保存预算并实时反映到首页/日历等视图

2.10 多账本

  • 支持新增账本
  • 支持账本切换
  • 账户支持“全部账本”或“指定账本”生效范围

3. 技术方案

  • 框架:uni-app + Vue2
  • UI:Tuniao UI(tuniao-ui
  • 状态管理:Vuex(store
  • 数据服务:services/accounting/index.js
  • 持久化:
    • 优先使用 SQLite 模块(App 端)
    • 同时维护统一快照存储

4. 项目结构

.
├─ pages/
│  ├─ index.vue                     # 应用主入口页(5个Tab容器)
│  ├─ home/home.vue                 # 首页
│  ├─ calendar/calendar.vue         # 日历
│  ├─ assets/assets.vue             # 资产
│  ├─ stats/stats.vue               # 统计
│  ├─ mine/mine.vue                 # 我的
│  ├─ entry/create.vue              # 新建/编辑流水
│  ├─ entry/detail.vue              # 流水详情
│  ├─ entry/refund.vue              # 退款
│  ├─ budget/manage.vue             # 预算管理
│  ├─ ledger/create.vue             # 新增账本
│  └─ mine/*                        # 分类/账户管理相关页面
├─ services/
│  └─ accounting/
│     ├─ index.js                   # 记账业务核心服务
│     ├─ helpers.js                 # 日期/聚合等工具
│     ├─ preset-categories.js       # 预置分类
│     └─ sqlite.js                  # SQLite 同步与访问
├─ store/
│  ├─ index.js
│  └─ $t.mixin.js
├─ tuniao-ui/
├─ App.vue
├─ main.js
├─ pages.json
├─ manifest.json
└─ README.md

5. 数据与一致性说明

services/accounting/index.js 是全局唯一的业务数据入口,负责:

  • 账户、分类、流水、预算、账本的 CRUD
  • 统一数据校验(如转账同账户校验、退款校验)
  • 首页/日历/资产/统计/我的所需视图聚合
  • 快照持久化与 SQLite 同步

页面层不直接拼装底层数据,而是调用服务层获取视图数据,减少口径不一致风险。

6. 运行方式(HBuilderX)

  1. 使用 HBuilderX 打开项目根目录。
  2. 确认 manifest.json 中应用信息正确(AppID、版本、模块)。
  3. 选择运行目标:
    • 运行到浏览器(H5)
    • 运行到 Android/iOS 模拟器或真机
  4. 首次运行后按业务路径验证:
    • 首页 -> 记一笔 -> 明细 -> 统计/资产/日历联动

7. 当前已完成的项目清理

为了聚焦记账业务,已移除未接入的旧模板模块与构建产物:

  • 旧社区/发现/消息模板页面与其依赖文件
  • pages.json 中不再使用的分包配置
  • 未引用静态资源
  • unpackage 下构建缓存目录(保留 unpackage/res/icons,用于 manifest.json 图标配置)

8. 后续建议

  • 新增数据导出(CSV/JSON)与备份恢复
  • 增加账单检索与多条件筛选
  • 增加周期账单(订阅/固定支出)
  • 补充单元测试与关键业务回归脚本

如需扩展新页面或新统计口径,建议优先在 services/accounting/index.js 增加统一接口,再由页面调用,确保全局一致性。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

SQLite(数据库)

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。