news 2026/7/10 1:22:50

Spring Boot 3 + Vue 3 + MySQL 记账社区系统源码 前后端分离实战

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Spring Boot 3 + Vue 3 + MySQL 记账社区系统源码 前后端分离实战

一、项目简介

爱流淌记账系统是一套基于 Spring Boot 3 + Vue 3 前后端分离架构的记账与社区管理平台。系统采用单体应用架构,后端提供 RESTful API,前端通过 Vue 3 进行交互。系统包含普通用户和管理员两大角色,用户可进行日常记账、资产管理、理财计划、预算预警、社区互动等操作;管理员可对用户、帖子、评论、公告、轮播图、举报、系统日志等进行统一管理。

二、技术栈

技术说明
后端框架Spring Boot 3
ORMMyBatis-Plus
权限认证JWT Token(基于请求头 userId/userRole 属性)
前端框架Vue 3
状态管理Vuex / Pinia
构建工具Vite
数据库MySQL
文件上传本地存储(支持 jpg/png/gif/bmp/webp)
Excel 处理Apache POI

三、功能模块

管理员端

  • 用户管理:分页查询用户列表,支持按手机号、昵称、状态筛选;查看用户详情;启用/禁用用户;修改用户权限,包括发帖权限、评论权限、禁言时间。
  • 帖子管理:分页查询帖子列表,支持按标题、用户、状态、置顶筛选;设置/取消帖子置顶;标记/取消违规帖子;查看帖子统计数据。
  • 评论管理:分页查询评论列表,支持按帖子、用户筛选;删除违规评论;标记/取消违规评论。
  • 公告管理:发布公告,可指定类型和分类;分页查询公告列表,支持按类型、分类筛选;删除公告。
  • 轮播图管理:分页查询轮播图列表;添加、更新、删除轮播图,支持关联已发布的文章。
  • 文章管理:分页查询文章列表,支持按关键词搜索;查看、添加、更新、删除文章;获取已发布文章列表用于轮播图关联。
  • 举报管理:分页查询举报列表,支持按状态筛选;处理举报,可选择通过或驳回并填写备注。
  • 预算预警:查看超出预算的用户列表,支持按月份筛选。
  • 系统日志:分页查询系统操作日志,支持按用户名、操作类型、日期范围筛选。

普通用户端

  • 账单管理:添加、修改、删除账单记录,支持按类型(支出/收入)、分类、日期范围分页查询账单列表。
  • 月度收支汇总:查看指定月份的收支汇总数据,快速了解月度财务状况。
  • 批量导入账单:通过上传 Excel 文件批量导入账单,系统自动解析日期、类型、分类、金额、备注字段。
  • 导出账单:将指定月份的账单数据导出为 Excel 文件,包含日期、类型、分类、金额、备注列。
  • 资产账户管理:添加、修改、删除资产账户(如现金、银行卡等),查看资产列表及资产总额。
  • 预算设置:为指定月份设置预算金额(新增或更新),查看预算列表及预算预警信息。
  • 理财计划:创建、更新、删除理财计划(目标金额、已存金额等),支持向计划中存入金额。
  • 账单分类管理:查看系统预置分类列表,可按类型筛选;添加/删除用户自定义分类。
  • 统计看板:查看支出分类统计(各分类金额及笔数)、收支趋势分析(按年/月/周/日维度)、支出对比分析(与上一周期对比)、支出排行。
  • 社区帖子:发布帖子、删除自己的帖子、分页浏览帖子列表(支持关键词搜索)、查看帖子详情。
  • 评论互动:发表评论(受禁言/评论权限控制)、删除自己的评论或自己帖子下的评论、查看帖子评论列表。
  • 点赞功能:对帖子或评论切换点赞/取消点赞,查询是否已点赞。
  • 举报功能:对违规帖子或评论发起举报,提交举报类型和说明。
  • 公告查看:查看社区公告列表及公告详情,查看个人收到的公告。
  • 轮播图与文章:查看首页启用的轮播图列表,查看轮播图关联的文章详情。
  • 消息中心:分页查看消息列表(按类型筛选)、标记单条或全部消息为已读、查看未读消息数量、删除单条或批量删除消息。
  • 个人中心:用户注册/登录、查看个人信息、更新昵称/头像等资料、注销账号。

四、项目总结

该项目技术亮点在于使用 Spring Boot 3 + Vue 3 最新版本组合,实现了完整的记账与社区功能闭环。前后端分离架构便于二次开发和部署,JWT 认证机制保证了接口安全,MyBatis-Plus 简化了数据库操作。系统功能覆盖个人记账、资产管理、理财规划、社区互动等场景,适合作为 Java 全栈开发的学习项目,也可直接用于个人或小团队的记账管理需求。

界面展示

交付内容

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

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

获取完整源码

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

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/10 1:18:35

A3908与PIC24HJ256GP610在精密运动控制中的协同设计

1. A3908与PIC24HJ256GP610的硬件协同架构解析在精密运动控制系统中,电机驱动芯片与微控制器的选型直接决定了系统的响应速度和定位精度。A3908作为Allegro MicroSystems推出的全桥MOSFET驱动器,其独特的三相驱动架构与PIC24HJ256GP610这款Microchip的高…

作者头像 李华
网站建设 2026/7/10 1:18:07

宿主机和虚拟机共用同一个插件dll

是的没错,看清楚了:资源位置插件代码、编译产物(DLL)宿主机(Z:\E\code\code\...,你平时开发/管理的地方)插件的注册表项虚拟机(HKLM:\SOFTWARE\SolidWorks\AddIns\{...})…

作者头像 李华
网站建设 2026/7/10 1:17:08

1小时零代码用Kimi+Hermes搭建跨境独立站

1. 项目概述:为什么“1小时零代码用Kimi搭跨境独立站”不是标题党,而是真实可复现的工作流 最近在几个跨境卖家群和独立站开发者小圈子反复看到这句话:“1小时,零代码,用Kimi搭跨境独立站”。一开始我以为又是某家SaaS…

作者头像 李华
网站建设 2026/7/10 1:16:40

GitHub高星仓库cirosantilli/china-dictatorship深度解析:从开源政治档案的架构设计到本地化阅读与贡献的全流程实战指南

GitHub高星仓库cirosantilli/china-dictatorship深度解析:从开源政治档案的架构设计到本地化阅读与贡献的全流程实战指南 在开源社区GitHub的众多项目中,cirosantilli/china-dictatorship 是一个极具特殊性和争议性的仓库。它并非传统意义上的软件开发项…

作者头像 李华