当前位置：首页 > news >正文

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

news 2026/8/10 10:42:04

一、项目简介

本项目是一套基于 SpringBoot3 + Vue3 + MySQL 的前后端分离个人财物记账工具，旨在帮助个人用户高效管理日常收支。系统整体采用前后端分离架构，后端提供 RESTful API，前端通过 Vue3 单页应用消费接口。系统包含普通用户端与管理端两大角色：普通用户端聚焦个人记账场景，提供收支记录、分类管理、预算预警、数据统计等核心能力；管理端面向系统运营人员，提供用户账号管理、公告发布、轮播图配置、系统日志审计等管理功能。身份认证采用 JWT（Token 鉴权），密码存储使用 AES 加密，保障基础数据安全。

二、技术栈

技术分类	说明
后端框架	SpringBoot 3.x
ORM 框架	MyBatis-Plus（含分页插件、逻辑删除、自动填充）
权限认证	JWT（Token 鉴权）+ 拦截器
密码加密	AES 对称加密
前端框架	Vue 3（Composition 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 全栈学习、课程设计或毕业设计的参考项目，也便于在此基础上进行二次功能扩展。