更新记录
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)
- 使用 HBuilderX 打开项目根目录。
- 确认
manifest.json中应用信息正确(AppID、版本、模块)。 - 选择运行目标:
- 运行到浏览器(H5)
- 运行到 Android/iOS 模拟器或真机
- 首次运行后按业务路径验证:
- 首页 -> 记一笔 -> 明细 -> 统计/资产/日历联动
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)
- 使用 HBuilderX 打开项目根目录。
- 确认
manifest.json中应用信息正确(AppID、版本、模块)。 - 选择运行目标:
- 运行到浏览器(H5)
- 运行到 Android/iOS 模拟器或真机
- 首次运行后按业务路径验证:
- 首页 -> 记一笔 -> 明细 -> 统计/资产/日历联动
7. 当前已完成的项目清理
为了聚焦记账业务,已移除未接入的旧模板模块与构建产物:
- 旧社区/发现/消息模板页面与其依赖文件
pages.json中不再使用的分包配置- 未引用静态资源
unpackage下构建缓存目录(保留unpackage/res/icons,用于manifest.json图标配置)
8. 后续建议
- 新增数据导出(CSV/JSON)与备份恢复
- 增加账单检索与多条件筛选
- 增加周期账单(订阅/固定支出)
- 补充单元测试与关键业务回归脚本
如需扩展新页面或新统计口径,建议优先在 services/accounting/index.js 增加统一接口,再由页面调用,确保全局一致性。

收藏人数:
下载插件并导入HBuilderX
下载插件ZIP
赞赏(0)
下载 0
赞赏 0
下载 11594318
赞赏 1905
赞赏
京公网安备:11010802035340号