摘要：21 世纪是信息技术和生物技术的时代，伴随着人类科学技术的不断发展与进步，作为人类发展历史中影响意义重大的因素——老师与学生的交流，一直都拥有研究非常高的研究意义。因此，本文就对当代师生交流方式的方式之一，网上师生交流平台进行了系统搭建和价值探究。

本文主要概述了网上师生交流平台是以何种方式进行老师与学生之间的交流，其中包括基本的教育交流，教育视频播放，教育资源的共享以及老师与学生的交流。同时，本文还概述了系统管理员，教师用户和学生用户的功能实现以及是运用哪些技术实现的。

首先，设计系统的前要是对国内的网络在线教育平台进行模式探究，在此基础上再对本系统进行了相对应的模式设计。其次，网上师生交流平台系统主要运用 IntelliJ IDEA 作为系统后端开发设计和功能实现，同时运用 Visual Studio Code 作为前端设计的开发环境。该系统设计采用 B-C 模式(B2C 模式)，以及采用前后端分离模式开发。后端设计开发过程中主要使用Swagger2 框架作为模拟后端功能的实现，然后在 Swagger UI 界面查看具体情况。实现用户图片的上传功能时，主要运用第三方服务及阿里云服务中的 OSS 存储。实现教育视频资源的获取时，主要运用阿里云服务的视频点播功能。实现用户交流功能时，主要运用 RabbitMQ 消息队列。而前端设计主要运用 Vue 框架，ES6，以及 Element 第三方前端组件。最后，通过前后端数据交互，并进行大量测试和修改后实现前后端连接，最终完成网上师生交流平台系统的开发，并实现了该系统的价值与意义。

 

关键词：B-C 模式；OSS 存储；RabbitMQ 消息队列；Element 组件

 

 

 

目录

摘要

Abstract

第1 章 绪 论 1

1.1背景与意义 1

1.2国内外发展（应用）现状 1

1.3论文所做工作及思路 2

1.4论文章节安排 3

第2 章 系统分析与设计 4

2.1系统分析 4

2.1.1系统概述分析 4

2.1.2流程分析与规划 4

2.1.3角色分析与规划 5

2.2系统设计 5

2.2.1数据库设计 5

2.2.2功能接口设计 6

2.2.3系统子模块设计 6

2.3本章小结 8

第3 章 框架简介 9

3.1SpringBoot 框架 9

3.1.1框架依赖 9

3.1.2框架配置 10

3.1.3框架设计 10

3.2Vue 框架 11

3.2.1Vue.js 框架 11

3.2.2ES6 简介和 Babel 转码器 12

3.2.3Node.js 及Npm 简述 12

3.2.4Element 组件说明 12

3.3本章小结 13

第4 章 前端开发与测试 14

4.1前端开发测试 14

4.1.1前端管理员开发 15

4.1.2前端普通用户开发 15

4.1.3前端测试用户 15

4.2OSS 对象存储 16

4.2.1阿里云简介 16

4.2.2OSS 对象存储 17

4.2.3OSS 操作说明 17

4.3云视频点播 18

4.3.1阿里云视频点播服务 18

4.3.2云视频控制台说明 19

4.4本章小结 20

第5 章 后端开发与测试 21

5.1后端数据模拟 21

5.1.1Swagger UI 及其特点 21

5.1.2后端数据模拟 22

5.2后端功能测试 22

5.2.1用户分页列表查询测试 23

5.2.2删除用户测试 23

5.3本章小结 23

第 6 章 系统合并与测试 24

6.1系统合并 24

6.1.1后端跨域 25

6.1.2前端跨域 25

6.2系统测试 26

6.2.1管理员用户测试 26

6.2.2普通用户测试 27

6.2.3用户聊天室测试 27

6.3本章小结 28

第 7 章 结 论 29

致 谢 30

参考文献 31

附录 1 跨域资源共享 32