Spring Boot 3 + Vue 3 趣味运动兴趣小组管理系统源码 前后端分离 实战 一、项目简介趣味运动兴趣小组管理系统是一个面向社区化运动兴趣小组的协作平台采用前后端分离架构后端基于 Spring Boot 3前端基于 Vue 3。系统支持三种角色普通用户、小组管理员和系统管理员。普通用户可以浏览运动类型、查看兴趣小组与活动、报名活动、发布分享、点赞评论小组管理员可以创建并管理小组、审核成员、发布活动与分享系统管理员负责用户、小组、活动、内容、公告等全局管理并查看运营仪表盘数据。二、技术栈技术说明后端框架Spring Boot 3ORMMyBatis-Plus权限认证Spring Security JWT前端框架Vue 3状态管理Vuex / Pinia构建工具Vite数据库MySQL分页插件MyBatis-Plus Pagination密码加密BCryptPasswordEncoder文件上传MultipartFile UUID 重命名三、功能模块普通用户端注册与登录通过用户名和密码注册支持选择注册为普通用户或小组管理员需管理员审核登录后返回 JWT 令牌用于后续请求鉴权。浏览运动类型查看系统预设的运动分类列表如篮球、跑步、瑜伽支持按排序字段升序展示。查看推荐小组首页展示成员数最多的 6 个热门小组支持按名称/描述关键词搜索、按运动类型筛选。查看小组详情展示小组名称、简介、封面图、运动类型、成员数、创建者昵称等完整信息。申请加入小组向目标小组提交加入申请系统自动检查是否已是成员或已有待审核申请避免重复提交。查看推荐活动首页展示最新发布的 6 个可报名活动支持按标题/描述/地点关键词搜索、按小组筛选。报名与取消活动在活动详情页一键报名检查人数上限支持取消报名并实时更新参与人数。浏览与查看分享查看所有用户发布的图文分享支持按标题/内容搜索、按小组筛选详情页展示完整图文、发布者信息、点赞/收藏/评论数。点赞与收藏分享在分享详情页进行点赞/取消点赞、收藏/取消收藏操作计数实时更新。发表与删除评论对分享内容发表评论支持嵌套回复可删除自己的评论评论数自动更新。个人中心查看/修改个人资料昵称、头像、邮箱、手机、性别、简介修改登录密码需验证旧密码。我的小组查看已加入的小组列表和已创建的小组列表。我的活动查看已报名的活动列表按开始时间倒序排列。我的分享管理自己发布的分享列表分页可删除分享。我的收藏查看已收藏的分享列表分页可取消收藏。教练端小组管理员端创建兴趣小组填写小组名称、简介、封面图选择运动类型创建后自动成为小组管理员。编辑小组信息修改已创建小组的名称、简介、封面图等基本信息。查看成员列表查看小组内所有已通过审核的成员昵称、头像、用户名、角色。审核加入申请查看待审核的申请列表可选择通过或拒绝通过后自动增加小组成员数。移除小组成员从小组中移除指定成员自动减少小组成员数。创建活动为小组创建新活动设置标题、描述、地点、开始/结束时间、最大参与人数。编辑活动修改已创建活动的标题、时间、地点等基本信息。查看活动报名人员查看已报名活动的用户列表用户ID、昵称、头像、报名时间。发布分享以小组名义发布图文分享内容标题、内容、图片关联到指定小组。权限检查通过接口验证当前用户是否为指定小组的管理员确保操作安全。管理员端仪表盘数据概览查看用户统计总用户数/活跃/禁用/小组管理员数、小组统计总数/活跃/按类型分布、活动统计总数/进行中/已结束/总报名人次、内容统计总分享/活跃/屏蔽/总点赞/总收藏。用户管理分页查询用户列表不显示管理员支持按用户名/昵称/手机号搜索、按状态筛选可封禁或解封用户。小组管理分页查询所有小组支持按名称搜索、按状态筛选可审核上架或下架小组。运动类型管理新增运动类型名称、排序顺序编辑已有类型删除类型。活动管理分页查询所有活动支持按标题搜索、按状态筛选可变更活动状态取消/正常/结束。内容管理分页查询所有分享内容支持按标题搜索、按状态筛选可屏蔽或恢复分享内容。公告管理分页查询公告列表支持按标题搜索可新增/编辑/删除公告可发布或下线公告。操作日志管理分页查询系统操作日志操作名称、操作用户、请求方法、参数、IP、时间支持按操作名/用户名搜索。四、项目总结本项目技术亮点在于使用 Spring Boot 3 Vue 3 全栈分离架构结合 Spring Security JWT 实现角色权限控制MyBatis-Plus 提供高效分页查询前端采用 Vue 3 Pinia/Vuex 管理状态。系统功能完整覆盖兴趣小组的创建、活动组织、内容分享与后台管理闭环适合作为社区类、兴趣类平台的课程设计、毕业设计或二次开发参考项目。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K050