ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

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

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

一、项目简介

本项目是一套基于 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 全栈学习、课程设计或毕业设计的参考项目,也便于在此基础上进行二次功能扩展。

界面展示

交付内容

本项目为完整交付,包含:

  • 完整后端源码
  • 完整前端源码
  • 数据库初始化脚本(SQL)
  • 万字项目文档(设计文档 / 论文,可作课程设计、毕业设计参考)

获取完整源码

完整前后端源码 + 数据库脚本 + 万字项目文档见 Gitee 仓库:https://gitee.com/kangxihuang/src-K321

返回列表