随着教育信息化进程的加速和疫情常态化对线上学习需求的推动，在线教育系统已成为现代教育体系的重要组成部分，本文针对传统教育模式时空限制明显、教学资源分散、互动性不足等问题，设计并实现了一个基于B/S架构的在线教育系统，系统采用Spring Boot作为后端开发框架，Vue.js作为前端技术栈，MySQL作为数据库，结合JWT认证、Redis缓存等技术，实现了用户管理、课程管理、在线学习、考试测评、作业提交与批改等核心功能，测试结果表明，系统运行稳定、响应迅速，能够满足教师、学生和管理者的多角色需求，为在线教育提供了一套高效、易用的解决方案。

在线教育；Spring Boot；Vue.js；前后端分离；系统设计

1 研究背景与意义

近年来，互联网技术与教育的深度融合推动了在线教育的快速发展，据《中国在线教育行业发展报告》显示，2023年中国在线教育市场规模突破5000亿元，用户规模超4亿人，现有在线教育平台仍存在功能模块单一、交互体验差、资源整合不足等问题，部分平台仅支持视频点播，缺乏师生互动；部分系统课程管理混乱，难以实现个性化学习，设计一个功能完善、用户体验良好、支持多角色协作的在线教育系统具有重要的现实意义。

2 国内外研究现状

国外在线教育平台以Coursera、edX为代表，依托顶尖高校资源，提供大规模开放课程（MOOC），但在本地化服务和个性化推荐方面存在不足，国内平台如慕课网、学堂在线，则更侧重职业技能培训和高校课程共享，但系统架构多采用传统单体模式，扩展性和维护性较差，近年来，前后端分离架构、微服务等技术逐渐应用于在线教育系统，提升了系统的灵活性和性能。

3 研究内容与目标

本文主要研究内容包括：
（1）分析在线教育系统的功能需求和非功能需求；
（2）设计系统的总体架构、数据库和模块划分；
（3）实现用户管理、课程管理、在线学习、考试测评等核心功能；
（4）对系统进行功能测试和性能测试，验证其可行性。

研究目标是构建一个支持多角色（管理员、教师、学生）、功能全面、操作便捷的在线教育系统，提升教学效率和学习体验。

4 论文结构

本文共分为六章：第一章为引言，介绍研究背景和意义；第二章为相关技术介绍；第三章为系统需求分析；第四章为系统设计；第五章为系统实现；第六章为系统测试与总结。

第二章 相关技术介绍

1 后端技术：Spring Boot

Spring Boot是基于Spring框架的快速开发框架，通过自动配置和起步依赖简化了项目搭建过程，本文采用Spring Boot 2.7版本，集成Spring MVC（处理HTTP请求）、MyBatis（持久层框架，实现数据库操作）、Spring Security（安全控制）等模块，提升了开发效率。

2 前端技术：Vue.js

Vue.js是一套渐进式JavaScript框架，采用组件化开发模式，支持虚拟DOM和响应式数据绑定，提升了前端开发效率和用户体验，本文使用Vue 3.x版本，结合Element Plus UI组件库，实现页面的快速构建和交互逻辑处理。

3 数据库技术：MySQL

MySQL是开源的关系型数据库管理系统，具有稳定性高、成本低、扩展性强等特点，本文设计用户表、课程表、考试表等12张数据表，满足系统数据存储需求。

4 其他关键技术

  • JWT认证：用于用户身份验证，实现无状态登录，提升系统安全性；
  • Redis缓存：缓存热门课程和学习进度数据，减少数据库压力，提升访问速度；
  • Maven：项目管理工具，管理项目依赖和构建流程。

第三章 系统需求分析

1 系统角色定义

系统分为三类用户角色，各角色功能需求如下：

  • 管理员：负责系统整体维护，包括用户管理（增删改查教师、学生账户）、课程审核、数据统计（用户活跃度、课程完成率）等；
  • 教师：负责课程管理（创建课程、上传教学视频/课件）、作业发布与批改、考试管理（创建