摘要：目前，网络教育产业已经划分出多种细分领域，并表现出良好的发展态势。近些年我国网民持续增加，互联网也逐渐步入每家每户，几乎每个人都对网络有了一定的了解，所以网络教育就拥有了广阔的市场基础。而我也将从此入手，设计并实现一个在线教育网课系统。

我的在线教育在线授课是一个基于B2C 模式的教育网课。它拥有一个前台客户系统及其后台管理的平台。前台的用户体验系统有首页、课程、讲师三大组成部分，在系统的实现上，我选择使用微服务技术框架，前后端独立开发。因此，对于后端所使用到的框架有：SpringBoot 、SpringCloud、MyBatis-Plus、MySQL以及阿里云的EasyExcel工具；而对于前端的使用有：Node.js 、 Vue.js、element-ui以及ECharts图表工具。除此之外，还用到了Redis、阿里云OSS以及视频点播服务。因为后端采用的是微服务开发，所以还使用ngnix来进行前后端的跨域服务。

系统使用了前后端分离开发，并且后端采用SpringCloud微服务架构以及MyBatis-Plus框架，在前端使用的是Vue以及Element-UI来进行设计，在系统功能接口的测试上使用Swagger生成接口文档。系统划分为前台客户系统及其后台管理的平台两部分。前台客户系统包括：首页、课程、名师。后台管理平台包括：讲师管理、课程分类管理、课程管理、统计分析、权限管理等功能。

 

关键词：B2C模式、微服务技术架构、分布式

 

目录

摘要

ABSTRACT

引    言-1

1-系统的需求分析-2

1.1  系统描述-2

1.1.1  系统总体介绍-2

1.1.2  系统功能模块-2

1.1.3  系统使用技术-2

1.2  系统的功能要求-2

1.2.1  前台功能-2

1.2.2  后台功能-3

1.2.3  系统的性能需求-4

1.2.4  系统的数据要求-4

2  系统设计-8

2.1  开发工具介绍-8

2.1.1  IDEA介绍-8

2.1.2  VsCode介绍-8

2.2  开发技术介绍-8

2.2.1  项目所用的前端技术-8

2.2.2  项目所用的后端技术-9

2.3  系统架构设计-13

3  系统概要设计-14

3.1  系统体系结构-14

3.1.1  设计原则-14

3.1.2  运行框架-15

3.2  系统功能结构-16

3.3  数据库设计-17

3.3.1  数据库详细设计-17

3.3.2  数据库逻辑结构设计-17

3.3.3  数据库表设计-18

3.4  安全设计-22

3.4.1  OAuth2定义-22

3.4.2  令牌的核心-23

3.4.3  OAuth2的优势-23

3.4.4  OAuth2的角色-24

4  详细设计-25

4.1  系统流程图-25

4.2  前台功能设计-25

4.2.1  在线教育前台主页面设计-25

4.2.2  在线教育课程功能设计-26

4.2.3  在线教育讲师功能设计-27

4.2.4  课程详情页面设计-28

4.2.5  课程视频播放页面设计-29

4.2.6  注册功能设计-30

4.3  后台功能设计-31

4.3.1  管理员登录界面-31

4.3.2  权限管理模块-31

4.3.3  讲师管理模块-32

4.3.4  课程分类管理模块-33

4.3.5  课程管理模块-34

4.3.6  统计分析模块-37

5  系统测试-38

5.1  微服务架构测试-38

5.1.1  微服务优点-38

5.1.2  微服务缺点-38

5.1.3  微服务测试-38

5.2  API测试工具Swagger简介-39

5.3  Swagger进行系统接口测试-39

5.2.1  启动Spring Boot（在线教育网课系统）程序-39

5.2.2  访问Swagger地址-39

5.2.3  在Swagger中测试接口方法-40

5.4  系统最终测试-42

5.3.1  前端界面连接接口-42

5.3.2  前端页面测试-42

结    论-43

参 考 文 献-44