首页/全部项目/源码分享- Spring Boot + Vue3 的在线视频教育平台

精选

源码分享- Spring Boot + Vue3 的在线视频教育平台

课程审核上架 · 章节视频学习 · 购物车模拟支付 · 三端订单统计 · 含源码与 SQL

使用角色:管理员教师学生

12 浏览

项目简介

本系统面向在线视频教育场景,覆盖管理员、教师、学生三端,实现课程类型与轮播运营、教师发布课程与章节视频、管理员审核上架、学生浏览选课、购物车结算、模拟支付、订单管理与学习评论等完整业务闭环。采用前后端分离架构,适合展示多角色权限、电商式购课流程与数据可视化统计的计算机类毕设课题。

技术栈

Spring Boot · Vue3 · Element Plus · MySQL · MyBatis-Plus · Sa-Token · ECharts · Vite · Knife4j

详细介绍

【管理员端】 负责平台全局运营与审核,数据范围覆盖全部学生、教师、课程、订单与收藏记录。 · 首页:展示用户数、教师数、课程数、订单数、成交额等统计卡片,以及近 6 个月订单趋势与热门课程 TOP5 图表 · 学生用户:维护学生账号,支持关键词搜索、启用/禁用状态管理 · 教师管理:维护教师账号与基本信息,支持增删改查与状态控制 · 课程类型:维护课程分类字典,供课程发布时选择 · 课程信息:查看全站课程,支持审核(待审核/已通过/已驳回)、上架开关、评论查看与课程维护 · 收藏管理:查看全站用户收藏记录,支持搜索与删除 · 轮播图:维护学生端首页轮播推荐图与跳转链接 · 订单管理:查看全站课程订单,按订单号/用户搜索,支持编辑订单状态与支付信息、删除订单 · 统计分析:ECharts 展示订单趋势、课程类型分布、订单状态占比、热门课程销量等图表 · 个人中心:修改管理员资料与登录密码 【教师端】 仅查看与操作本人发布的课程及相关业务数据。 · 首页:展示本人课程数、待审核数、已通过数、收藏数、订单数、已付款订单与成交总额,并提供订单趋势与课程销量图表快捷入口 · 课程信息:发布与维护本人课程,管理章节视频(标题、视频地址、排序),提交审核并控制上架状态 · 我的收藏:收藏感兴趣的课程资源,支持新增、编辑与删除 · 订单管理:查看购买本人课程的学生订单,按订单号/用户搜索,查看订单详情与本教师课程明细金额 · 统计分析:查看本人课程近 6 个月订单趋势、课程类型分布、订单状态与课程销量 TOP 排行 · 个人中心:修改教师资料与登录密码 【学生端】 围绕「浏览课程 → 加购下单 → 模拟支付 → 视频学习 → 评价互动」的自助学习流程。 · 首页:轮播推荐、课程分类入口、热门课程展示,可快速跳转课程列表与详情 · 课程信息:按类型与关键词浏览已上架课程,进入详情页查看封面、价格、章节目录与评论 · 购物车:勾选课程调整数量,提交购买并选择支付方式,模拟支付成功后自动清除已购课程 · 我的收藏:收藏感兴趣的课程,便于后续快速访问 · 我的购买:查看已支付成功的课程卡片,一键进入课程详情继续学习 · 订单管理:查看个人订单列表与详情,待付款订单可模拟支付、取消或删除 · 个人中心:修改学生资料与登录密码 【业务流程】 教师发布课程与章节 → 管理员审核通过并上架 → 学生浏览/收藏/加购 → 购物车或详情页下单 → 模拟支付完成 → 解锁章节视频学习 → 发表评论。

核心功能

  • 三端独立登录与角色路由鉴权(Sa-Token)
  • 学生、教师、管理员账号与状态管理
  • 课程类型维护与轮播图运营配置
  • 教师课程发布、章节视频管理与审核上架流程
  • 管理员课程审核、上架开关与评论监管
  • 学生课程浏览、详情展示与章节视频播放权限控制
  • 购物车加购、批量结算与模拟支付动效
  • 订单创建、支付、取消、删除与订单明细管理
  • 教师端按课程范围查看订单与成交统计
  • 学生收藏、我的购买与学习入口聚合
  • 三端首页与统计分析(ECharts 图表)
  • 个人中心与密码修改

交付清单

购买后可获得的配套资料

  • 完整前后端源码
  • MySQL 建表脚本
  • 部署文档
  • 远程协助部署

适用人群

计算机相关专业本科毕设 软件工程 / 信息管理 / 电子商务方向课题 需要展示三端权限、视频课程与购课支付流程的项目 希望快速搭建在线教育系统并二次扩展的开发者

项目源代码截图

各端工程在 IDE 中的目录结构实拍,便于了解代码组织与交付范围

服务端源代码

Spring Boot 后端工程目录、模块划分与配置文件

🖥️

前端源代码

Vue / React 前端工程目录与页面结构

数据库截图

核心数据表结构与 ER 关系设计,每个项目一张总览图

🗄️

数据库设计

ER 关系图或 Navicat / DataGrip 表结构总览

项目截图

按使用角色分组展示运行界面;左右滑动浏览,也可查看全部或点击放大

🖥️

管理员端 共 10 张

后台管理界面

👤

教师端 共 6 张

教师端运行界面

🌐

学生端 共 8 张

前台运行界面

相关推荐

毕业设计 Spring Boot + Vue3 的校园店铺系统(商城购物)
精选

毕业设计 Spring Boot + Vue3 的校园店铺系统(商城购物)

商家入驻审核 · 店铺商品管理 · 购物车下单评价 · 含源码与 SQL

服务端管理员端用户端

Spring Boot · Vue3 · Element Plus · MySQL · MyBatis-Plus · Sa-Token · ECharts · Vite · Axios

本系统面向校园场景下的线上商城毕业设计,覆盖平台管理员、入驻商家与普通用户三类角色。管理员负责用户、商家、店铺、商品、订单与评论等全局运营;商家维护本店商品与订单履约;用户可浏览店铺与商品、加入购物车、下单并评价收藏。适合展示多角色权限、电商业务状态流转与前后端分离架构的计算机类毕设课题。

5 浏览查看详情 →
源码分享 Spring Boot + Vue3 的销售项目流程化管理系统
精选

源码分享 Spring Boot + Vue3 的销售项目流程化管理系统

线索商机转化 · 项目立项跟进评审验收 · 招投标合同签署 · 含源码与 SQL

管理员端用户端

Spring Boot · Vue3 · Vite · MySQL · Sa-Token · Element Plus · MyBatis-Plus

面向销售型企业的项目全流程数字化管理平台,覆盖线索获取、商机培育、项目立项、跟进评审、验收交付及招投标合同签署等环节。系统提供管理员端与销售人员端双角色后台,形成「线索→商机→立项→跟进→评审→验收→合同」的完整业务闭环,并配套公告发布、企业用户管理与数据统计分析能力。 ---

0 浏览查看详情 →
源码分享 Spring Boot + Vue3 的商业辅助决策系统
精选

源码分享 Spring Boot + Vue3 的商业辅助决策系统

三端协同 · 商业数据审核 · 决策模型分析 · 方案制定发布 · 含源码与 SQL

管理员端用户端

Spring Boot · Vue3 · Element Plus · MySQL · MyBatis-Plus · Sa-Token · ECharts · Vite

商业辅助决策系统面向企业经营管理场景,覆盖管理员、分析师、业务员三端,实现行业分类维护、商业数据采集与审核、决策模型配置、数据分析研判、决策方案制定与审核发布、执行反馈闭环等完整业务流程。采用 Spring Boot + Vue3 前后端分离架构,适合展示多角色权限、审核状态流转与数据可视化看板的计算机类毕设课题。 ---

1 浏览查看详情 →