为解决个人日常收支记录混乱、理财习惯难以养成的痛点,开发了这款轻量化记账本 Web 应用。面向普通上班族、学生等群体,提供便捷的收支录入、分类统计功能,帮助用户清晰掌握资金流向,培养理性消费习惯。
点击空白处退出提示
为解决个人日常收支记录混乱、理财习惯难以养成的痛点,开发了这款轻量化记账本 Web 应用。面向普通上班族、学生等群体,提供便捷的收支录入、分类统计功能,帮助用户清晰掌握资金流向,培养理性消费习惯。
本项目实现了完整的用户注册、登录认证功能,支持个人收支数据的增删改查操作。用户可以创建不同的收支分类,记录每一笔收入与支出,并通过页面直观查看月度 / 分类统计。系统采用前后端分离架构,前端使用 Vue3 构建单页应用,后端基于 Node.js + Express 提供 RESTful API,已完成线上部署,可直接访问使用。
本项目采用前后端分离架构开发,我独立完成前端、后端及部署全流程。前端使用 Vue3 + Vue Router 构建界面,后端基于 Node.js + Express 提供接口。为适配不同运行环境,项目实现双模式切换架构:线上运行版本采用内存存储,无需数据库即可快速部署与演示;线下开发版本可无缝切换为 MongoDB 数据库模式,支持数据持久化存储。项目包含登录注册、收支记录、增删改查、数据统计等完整功能,并通过 Nginx 完成线上部署,解决了前端路由刷新 404 问题,实现了灵活、稳定、可演示的全栈项目。






评论