在完成习惯打卡模块全流程开发落地后，我继续深耕自用型个人管理小程序项目，本次正式完成记账本收支管理模块的基础开发。项目延续一贯开发模式：

• 本人负责：整体需求梳理、页面设计、功能定义、逻辑架构与场景适配
• AI 辅助负责：代码编写、图表渲染、交互逻辑调试等重复性开发工作

全程围绕个人真实消费习惯迭代打磨。本系列为记账本模块完整实战复盘，因整体功能体系完善、逻辑细节较多，分为上下两篇更新。本文为上篇基础功能篇，主要讲解开发初衷、整体页面架构、核心功能设计；下篇将分享开发过程中遇到的字段兼容、数据统计、预算联动等实战踩坑与优化方案。

一、开发初衷

1. 市面上通用记账软件普遍广告冗余、功能繁杂，预算模块适配性差，无法满足个性化记账需求；
2. 个人日常有管控月度预算、复盘消费结构、梳理收支明细的刚需，通用工具无法和小程序其他模块联动；
3. 依托前期习惯打卡、健康管理模块的开发经验，自研专属记账模块，实现收支记录、预算管控、数据统计一站式闭环。

二、整体功能架构

本次开发的记账本模块，是继习惯打卡之后，个人管理小程序体系中功能最完整、数据联动最多、统计逻辑最复杂的核心业务模块。为了贴合真实记账、控预算、复盘消费的完整使用链路，我整体规划四大核心独立页面：记账主页、预算设置页、账单汇总页、数据分析页。

四个页面各司其职、层层递进、数据实时互通，完整覆盖「提前预算规划→日常随手记账 → 历史账单回溯 → 全维度数据复盘」的完整消费管理闭环。每个页面都根据真实使用场景做了大量细节定制，具体功能拆解如下：

1. 预算设置页（消费管控核心）

预算模块是整个记账系统的前置管控核心，区别于市面上固定死板的预算逻辑，我独立设计了月度预算 + 年度预算双轨模式，兼顾短期精细化控支与长期年度消费统筹。

• 支持自然月独立预算核算，每月预算数据完全隔离，每月月初自动重置预算额度与消耗进度，不会出现跨月数据混杂、预算叠加混乱的问题，适配每月独立规划开销的习惯；
• 支持分类级精细化预算自定义，可根据自己的消费品类，自由新增、编辑、删除、修改各类分类预算额度，衣食住行、娱乐社交、日常刚需可分开管控，解决通用软件预算笼统、无法细分的痛点；
• 年度预算作为全局统筹维度，自动汇总全年各月预算消耗情况，实时展示年度整体预算剩余额度、全年超支 / 结余情况，实现从小月精细管控到大年度全局把控的双层管理体系；
• 所有预算数据实时联动记账页与数据分析页，预算消耗进度随每一笔收支动态更新，无需手动刷新，做到消费、预算、统计数据完全同步。

2. 记账主页（日常操作核心）

记账主页是最高频使用的核心页面，主打轻量化、高效率、高颜值，适配日常随手快速记账的场景，同时兼顾编辑、管理、分类的全套能力。

• 首页数据看板直观聚合核心财务数据，实时展示当日收支总额、本月总支出、本月总结余、剩余可用预算，无需进入子页面，一眼掌握当前财务状态；
• 搭载内置嵌入式计算器功能，记账新增收支时可直接在弹窗内完成加减计算，无需退出页面切换第三方工具，解决零碎金额反复核算的繁琐问题，极大提升日常记账效率；
• 支持自由自定义记账时间，不仅可记录当日实时账单，还支持补记过往日期、预记未来账单，完美适配漏记、补账、提前规划的各类生活化场景；
• 内置全套生活化收支分类库，区分收入、支出两大体系，同时支持自主新建分类、调整分类展示顺序、隐藏不常用闲置分类，完全适配个人专属消费结构；
• 单条账单管理逻辑完善，每笔收支可自主添加文字备注，记录消费场景与细节；支持列表左滑快速删除、点击条目直接编辑修改，操作简单且容错率高；
• 独家设计多账本独立体系，支持新建多套独立账本，生活费账本、宠物开销账本、旅行专项账本、固定储蓄账本数据完全隔离、互不干扰，实现不同场景资金分开管理，账目清晰不混乱。

3. 账单汇总页（历史回溯核心）

为了解决零散账单堆积、无法系统复盘历史消费的问题，专门设计独立账单汇总页面，分为月账单、年账单两大体系，实现全周期、可追溯、可复盘的账单管理能力。

• 月度账单以自然年为单位，统一陈列全年 12 个自然月的收支数据，以规整表格形式展示每月收入、支出、结余明细，结构清晰、一目了然；
• 支持跨年份自由回溯查询，可随意切换往年年份，调取任意年度、任意月份的历史账单数据，彻底解决普通记账软件仅保留近一年记录、历史数据难以查询的痛点；
• 页面顶部配置年度总览模块，自动汇总当前选中年份的整体总收入、总支出、总结余，快速掌握一整年的消费大体情况；
• 年度账单对所有历史年份做统一汇总陈列，纵向对比历年消费变化，可清晰看出逐年消费结构、收支水平的变动趋势，适配长期个人财务复盘、储蓄规划需求。

4. 数据分析页（复盘优化核心）

单纯的流水记账没有实际意义，只有可视化数据分析才能真正优化消费习惯，因此我在本模块搭建了周、月、年三级立体化数据分析体系，搭配图表可视化渲染，做到消费结构透明化。

• 周度统计维度：精准按自然周一至周日统计周期数据，自动计算当周收入、支出、结余、周均日常开销，搭配收支趋势折线图 + 分类占比饼图，直观看清每周花钱高峰与消费占比；同时联动月度预算，展示每周预算消耗进度，及时提醒克制超前消费；
• 月度统计维度：聚合整月全部账单数据，复刻月度完整分析逻辑，重点展示各分类预算完成进度，清晰区分超支分类、合理消费分类、未使用分类，精准定位每月不合理开销；支持一键跳转预算设置页，即时调整下月预算规划；
• 年度统计维度：汇总全年 12 个月月度数据，生成年度收支走势图表与全年消费占比图表，直观展示全年消费高峰期、低峰期，总结全年消费规律；实时刷新年度预算整体完成情况，为下一年度财务规划提供真实数据依据；
• 所有图表、数据均为实时动态渲染，新增、修改、删除账单后自动刷新统计结果，数据零延迟、无滞后、不错乱。

三、本篇小结

记账本模块从预算规划、日常随手记账、全周期账单回溯到立体化数据复盘，搭建出一套完整、闭环、高度自定义的个人收支管理体系。整体完全摒弃市面通用软件的冗余广告与死板逻辑，完全基于个人真实消费场景深度定制，在多账本隔离、分类自定义、双轨预算管控、多维度数据可视化等细节上做了大量精细化设计。

下篇将重点分享该模块开发过程中遇到的字段修改、存量数据兼容、统计逻辑异常、交互细节优化等实战踩坑问题，欢迎持续关注。