摘要：从2012的在线教育元年到现在疫情时代，在线教育正在不断地发扬壮大，得到越来越多用户的青睐。在疫情期间的高校教育中，发挥了巨大的作用。

本文设计和实现的学校网课直播平台使用了Vue与Element-ui的前端技术，使用了SpringBoot与MyBatis作为后端框架，同时运用了MySQL数据库进行数据交互，还整合了Redis数据库作为缓存，对于核心直播部分，系统采取了Nginx-http-flv作为视频服务器，采用flv.js作为视频播放器以保证视频界面简介以及视频播放高效。系统聚焦于学校网课直播，集成了视频间、班级管理、课程管理以及用户的功能模块，为高校提供了封闭性高、高效性、可存储，管理性强的学校网课直播平台。本文分析了在线教育的背景与现状后提出了学校网课直播平台并且予以设计与实现。

 

关键词：SpringBoot；网课；直播；Vue

 

目 录

摘 要

Abstract

1-绪论-1

1.1研究背景-1

1.2 国内外发展现状-1

1.3 项目意义-2

1.4 本文组织结构-3

2-可行性分析-4

2.1 环境可行性-4

2.2 技术可行性-4

2.3 经济可行性-4

3-系统设计需求分析-5

3.1 以用户类型划分-5

3.2 以功能板块划分-6

4-系统架构设计与相关技术介绍-8

4.1 客户端架构-8

4.1.1 Vue与Vue-cli介绍-8

4.1.2 Flv.js 视频组件介绍-9

4.2 服务端架构-9

4.2.1 SpringBoot介绍-9

4.1.2 WebSocket及Netty介绍-9

4.3 Web服务器-10

4.3.1 Nginx服务器介绍-10

4.3.2 Nginx-http-flv服务器介绍-10

4.4 存储器架构-11

4.4.1 MySQL介绍-11

4.4.2 Redis介绍-11

5-系统分析与设计-12

5.1 概要设计-12

5.2 数据库设计-12

6-系统详细设计与实现-16

6.1 用户模块-16

6.1.1 用户的登录及认证-16

6.1.2 个人中心模块-18

6.1.2.1个人信息查看及修改-19

6.1.2.2 课程列表设计-20

6.2 首页模块-22

6.2.1 轮播图设计-23

6.2.2 首页课程列表设计-24

6.2.3查询课程设计-25

6.3 视频模块-25

6.3.1 视频播放组件设计-26

6.3.2直播视频设计-27

6.3.3录播视频设计-28

6.3.4 在线学生列表设计-29

6.3.5 在线聊天设计-29

6.4 首页轮播图管理模块-29

6.5 班级管理模块-31

6.5.1 班级查询功能-34

6.5.2 班级增删改功能-36

6.5.3 班级用户管理-37

6.6 课堂管理模块-40

6.6.1 课堂查询功能-40

6.6.2  课堂列表-41

6.6.3 课堂用户管理-41

7-系统测试-42

7.1 功能性测试-42

7.2 非功能性测试-44

7.3 系统测试结果与分析-45

8-总结与展望-46

参考文献-47

致谢-48