SpringBoot3+Vue3+MySQL 课后延时系统源码 前后端分离实战项目
一、项目简介本项目是一套面向中小学课后延时服务场景的数字化管理平台覆盖课程发布、在线报名、教师评价、用户审核等核心业务链路。系统采用前后端分离架构后端基于 Spring Boot 3 提供 RESTful API前端基于 Vue 3 Element Plus 构建单页应用数据库使用 MySQL 8.0 存储业务数据。系统内置三种角色管理员负责全局配置与审核管理教师即教练端管理自己负责的课程并查看评价学生/家长用户可浏览课程、报名、收藏与评价。通过 JWT 实现无状态认证配合 Spring Security 完成基于 RBAC 的细粒度权限控制适合作为毕业设计、课程设计或中小型项目的二次开发基础。二、技术栈技术说明后端框架Spring Boot 3.0ORMMyBatis-Plus 3.5权限认证Spring Security JWT前端框架Vue 3 (Composition API)状态管理Pinia路由Vue Router 4 (History 模式)UI 组件库Element Plus构建工具Vite数据库MySQL 8.0文件上传MultipartFile 本地存储三、功能模块管理员端仪表盘统计概览展示教师总数、学生总数、课程总数、待审核报名数、已通过报名数、收藏总数便于掌握平台整体运营数据。课程管理分页查询课程列表支持按标题、分类、状态、教师多条件筛选新增/编辑课程时设置标题、分类、教师、封面、描述、最大人数、年级范围、上课时间、地点、状态等字段。课程分类管理新增/编辑分类名称、排序值及启用状态支持删除分类用于前台课程分类展示的维护。教师管理分页查询教师账号支持按关键词、角色、状态筛选可新增/编辑教师账号重置密码为 123456支持启用/禁用账号。学生管理分页查询学生账号支持按关键词、角色、状态筛选可新增/编辑学生账号重置密码并支持启用/禁用/审核账号状态。报名审核分页查看所有报名记录支持按状态、学生、课程筛选审核通过后自动更新课程当前人数若人数已满则自动将课程状态置为已满。收藏记录查看分页查看所有课程的收藏记录支持按用户筛选便于运营分析热门课程。教师评价管理分页查看所有评价记录支持按教师筛选可删除不当评价内容。轮播图管理新增/编辑轮播图设置标题、图片 URL、跳转链接、排序及启用状态支持删除用于前台首页展示。角色管理新增/编辑角色名称、角色标识、排序、状态支持删除角色并为角色分配菜单/权限树。权限管理以树形结构展示所有权限菜单支持新增/编辑权限名称、权限标识、父级、类型、路径、图标、排序实现动态菜单与按钮级权限控制。用户管理分页查询所有用户支持按关键词、角色、状态筛选可新增/编辑用户重置密码启用/禁用账号。文件上传接收 MultipartFile 图片文件存储至本地并返回可访问的 URL用于课程封面、轮播图等场景。普通用户端查看公开轮播图列表仅显示启用状态的轮播图按排序字段升序排列用于首页展示。浏览课程分类列表仅显示启用状态的分类按排序字段升序排列便于用户按分类筛选课程。分页查看公开课程列表支持按课程标题模糊搜索、按分类筛选分页加载课程卡片信息。查看课程详情展示课程标题、封面、描述、授课教师、最大人数、当前人数、年级范围、上课时间、地点及状态等完整信息。用户注册填写用户名、密码、姓名等信息提交注册注册后状态为待审核默认角色为学生。用户登录输入用户名和密码后端校验账号状态后生成 JWT Token返回用户信息、角色、权限列表及菜单树。获取当前登录用户信息前端通过 Authorization 请求头携带 Token后端解析后返回用户详情、权限标识及菜单列表。报名课程选择课程提交报名系统自动设置报名状态为待审核并校验是否已报名及课程人数是否已满。收藏/取消收藏课程点击切换收藏状态前端实时反馈已收藏或已取消便于用户后续快速查找。查看我的报名记录分页展示本人报名列表包含课程名称、报名状态、审核时间等信息。查看我的收藏列表分页展示本人收藏的课程包含课程标题、封面支持取消收藏操作。对授课教师进行评价选择教师和对应课程填写评分和评价内容提交后供教师端查看。查看个人资料展示用户基本信息包括用户名、真实姓名、手机号、头像、角色等。修改个人资料支持更新真实姓名、手机号、头像等字段保持个人信息准确。教练端查看我的课程列表分页展示当前教师负责的课程包含课程名称、分类、报名人数、状态便于教师掌握授课安排。查看我的评价记录分页展示其他用户对当前教师的评价包含评分、评价内容、评价人及对应课程帮助教师了解教学反馈。仪表盘快捷入口提供我的课程、我的评价、前台首页三个快捷导航提升操作效率。四、项目总结本项目在技术层面采用了 Spring Boot 3 Vue 3 的前后端分离架构结合 Spring Security JWT 实现无状态认证与 RBAC 权限模型具备清晰的模块划分与完整的业务闭环。代码结构规范注释完整附带数据库初始化脚本与详细文档适合作为 Java 全栈开发的学习案例也适合在此基础上进行功能扩展或二次开发例如增加在线支付、消息通知、数据导出等模块。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K260