项目概述
本系统是一套面向社会人士的在线教育平台，提供技能培训和知识学习服务。系统采用B/S架构与前后端分离模式：前端使用Vue3 + Element Plus构建交互界面，后端基于Spring Boot 3 + MyBatis Plus实现业务处理，数据库采用MySQL存储核心数据。
本系统基于角色权限控制模型，划分为管理员（ADMIN）、讲师（TEACHER）与学员（STUDENT）三类角色。管理员负责系统管理、课程审核与用户管理；讲师可发布课程、管理课程内容；学员可购买课程、在线学习、参与互动。
系统提供课程分类展示、视频在线学习、课程评价、问答互动等核心功能，并支持课程销售统计、学习进度追踪等数据分析能力，打造完整的在线学习生态。
👉 演示视频
关联课题
- 基于Spring Boot3与Vue3的在线教育平台的设计与实现
- 基于Spring Boot3与Vue3的在线学习平台的设计与实现
- 基于Spring Boot3与Vue3的视频课程系统的设计与实现
- 基于Spring Boot3与Vue3的知识付费平台的设计与实现
- 基于B/S架构的职业技能培训系统的设计与实现
- 面向知识付费的在线课程平台的设计与实现
- 视频课程学习与互动社区系统的设计与实现
- 基于前后端分离的在线教育管理系统的设计与实现
项目技术栈
- 架构：B/S结构、MVC软件架构、前后端分离架构
- 后端：Spring Boot3、MyBatis Plus、JWT、Hutool、RBAC、Lombok
- 前端：Vue3、ECharts、Element Plus、Axios、Vite、WangEditor
- 数据库：MySQL
- 其它：数据可视化分析
功能模块设计
本系统分为学员用户、讲师与系统管理员三种角色，功能划分清晰，业务逻辑完整：
学生用户功能
- 注册：系统的注册入口，只有注册的用户才可以登录系统。
- 登录：系统的安全访问入口，只有登录的用户才可以访问系统。
- 课程浏览：提供分类查看、搜索筛选、课程详情、课程购买、课程收藏。
- 平台资讯：提供查看和了解平台发布的最新资讯信息。
- 我的课程：提供查看和学习学员已经购买的课程记录；支持在线发起提问；支持对课程进行评价。
- 我的收藏：提供查看和学习学员已经收藏的课程记录。
- 个人资料：查看/修改个人信息。
- 修改密码：支持用户修改登录密码功能。
讲师用户功能
- 注册：系统的注册入口，只有注册的讲师才可以登录系统。
- 登录：系统的安全访问入口，只有登录的讲师才可以访问系统。
- 工作台：提供查看与讲师相关的平台运营数据、课程销售统计等统计信息。
- 课程列表：提供发布课程、编辑课程、上下架课程等操作。
- 章节管理：提供对课程章节的统一管理，如创建、编辑、视频预览等操作。
- 课程问题：提供对学员问答的统一回复管理，方便讲师参与互动。
- 课程订单：提供查看讲师所有的课程销售订单。
- 个人资料：查看/修改个人信息。
- 修改密码：支持用户修改登录密码功能。
管理员功能
- 登录：系统的安全访问入口，只有登录的管理员才可以访问系统。
- 工作台：提供查看与平台相关的平台运营数据、课程销售统计等统计信息。
- 课程分类：提供对平台课程分类信息进行统一管理。
- 课程列表：提供对课程进行审核等操作。
- 章节管理：提供查看课程所有章节列表信息。
- 课程问题：提供查看平台所有课程问答列表。
- 课程订单：提供查看平台所有的课程销售订单。
- 广告管理：提供平台轮播图广告统一管理。
- 公告管理：提供平台公告信息统一管理。
- 资讯管理：提供平台资讯信息统一管理。
- 用户管理：提供对所有用户信息的统一管理。
- 角色管理：提供对平台角色列表信息进行统一管理。
- 菜单管理：提供对管理后台菜单资源的统一管理，方便进行角色动态分配。
- 个人资料：查看/修改个人信息。
- 修改密码：支持用户修改登录密码功能。
项目创新点
- 前后端分离开发架构 系统采用 SpringBoot3 + Vue3 技术栈，采用前后端完全分离开发模式，提高了系统开发效率与维护灵活性，利于后续功能拓展和业务集成。
- 完整的在线学习生态 支付章节化课程内容组织、在线视频播放和学习、灵活的试看章节设置、课程评价与问答系统、讲师实时答疑、学习社区互动等功能，打造完整的在线学习生态。
- 数据可视化与运营分析 使用 ECharts 展示课程销售数据统计、运营基础数据等统计信息，辅助管理人员提升平台运营策略。
项目功能截图
学员截图
讲师截图
管理员截图
项目源码仓库：gitee.com/fullstack-g…
