SpringBoot3+Vue3+MySQL 个人记账系统源码 前后端分离实战

一、项目简介本项目是一套基于 SpringBoot3 Vue3 MySQL 的前后端分离个人财物记账工具旨在帮助个人用户高效管理日常收支。系统整体采用前后端分离架构后端提供 RESTful API前端通过 Vue3 单页应用消费接口。系统包含普通用户端与管理端两大角色普通用户端聚焦个人记账场景提供收支记录、分类管理、预算预警、数据统计等核心能力管理端面向系统运营人员提供用户账号管理、公告发布、轮播图配置、系统日志审计等管理功能。身份认证采用 JWTToken 鉴权密码存储使用 AES 加密保障基础数据安全。二、技术栈技术分类说明后端框架SpringBoot 3.xORM 框架MyBatis-Plus含分页插件、逻辑删除、自动填充权限认证JWTToken 鉴权 拦截器密码加密AES 对称加密前端框架Vue 3Composition API状态管理Pinia路由管理Vue Router 4含路由守卫UI 组件库Element Plus构建工具Vite数据库MySQL含 7 张核心业务表三、功能模块普通用户端用户注册填写用户名、昵称、密码完成账号注册密码经 AES 加密后存储用户名需唯一。用户登录输入用户名与密码登录连续错误 3 次自动锁定账号支持账号状态校验正常/锁定/封禁锁定账号需管理员解锁。收支记账新增收入或支出记录填写类型INCOME/EXPENSE、分类、金额、备注、记账日期作为核心数据入口。账单列表查询分页查看个人账单支持按类型、分类、起止日期组合筛选按记账日期倒序排列便于回溯历史。账单编辑与删除修改已有账单内容或删除账单仅限操作本人数据保证数据隔离。月度收支汇总查看当月收入总额、支出总额及结余金额快速掌握月度财务状况。收支趋势统计展示近 6 个月每月收入与支出趋势数据用于前端曲线图展示辅助分析消费走势。支出分类占比按当月支出分类统计金额占比用于前端饼图展示直观呈现消费结构。收入分类占比按当月收入分类统计金额占比用于前端饼图展示了解收入来源分布。支出分类管理查看系统预设支出分类及个人自定义分类支持新增、编辑、删除个人分类灵活适配记账习惯。收入分类管理查看系统预设收入分类及个人自定义分类支持新增、编辑、删除个人分类灵活适配记账习惯。预算预警设置新增预算预警规则选择关联分类或总支出、设置预警金额、启用状态实现主动预算管控。预警触发检测新增账单时自动检测是否达到预警阈值100% 触发超支提醒80% 触发接近提醒实现实时提醒。预警列表查看查看所有预警规则及当前已消费金额支持编辑、删除预警规则便于动态调整。个人资料修改更新昵称、头像、邮箱、手机号、月度预算等个人信息完善用户画像。修改密码输入原密码与新密码完成密码修改需验证原密码正确保障账号安全。头像上传支持上传 jpg/jpeg/png/gif/bmp/webp 格式图片作为头像提升个性化体验。管理员端数据总览查看注册用户总数、当月活跃用户数、当月平台总收入、当月平台总支出掌握平台整体运营概况。用户列表查询分页查看全部用户支持按用户名/昵称模糊搜索快速定位目标用户。用户状态管理启用/锁定/封禁用户账号解锁时自动清零登录失败次数维护平台秩序。公告发布新增公告填写标题、类型普通/系统/紧急、内容、封面图可设置发布或草稿状态控制可见范围。公告管理分页查看公告列表支持编辑、删除公告展示发布者昵称便于追溯责任。轮播图管理新增轮播图填写标题、图片、链接、排序值、启用状态用于首页运营位配置。轮播图维护分页查看全部轮播图支持编辑、删除、启用/禁用切换灵活控制展示内容。系统日志查看分页查看操作日志支持按用户名/操作内容关键字搜索快速审计关键操作。日志详情展示查看日志 ID、操作用户、操作类型、请求方法、IP 地址、耗时、创建时间完整还原操作链路。四、项目总结本项目在技术选型上紧跟主流后端采用 SpringBoot3 与 MyBatis-Plus 组合前端使用 Vue3 Element Plus Vite前后端分离清晰接口设计遵循 RESTful 规范。项目覆盖了个人记账的核心业务链路同时引入预算预警、数据可视化统计等增强功能管理端则补齐了用户、内容与日志的运营管理能力。代码结构规范注释完整附有数据库初始化脚本与万字文档适合作为 Java 全栈学习、课程设计或毕业设计的参考项目也便于在此基础上进行二次功能扩展。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K321