论文总字数：18226字

摘 要

伴随着互联网技术的发展，形形色色的网站早已充斥着我们的生活，满足我们日常的生活需求，网站的建设与规划悄然被摆放在眼前。同时孕育而生的在线教学，已成为一种重要的教学工具，利用网络通信技术展开教学，提高了教学的效率，使得知识的传播更加快速便捷，打破了传统的空间限制。相较于课堂中的线下教学，在线教育现有的体系不够完善，思考如何建立一套完整的在线教学体系，就目前来看，已经成为了一个十分重要的课题。一个网站的规划与建设，很大程度上决定了在线教学的质量，因此在线教育网站的建设这一问题在今后的很长一段时间内，将成为一个重要的讨论对象。

本文深入分析了现有在线教育的教学优越性，在此基础上对国内外在线教育进行对比，之后搭建出南工在线教育网站。本网站采用了B/S架构，网站使用IDEA作为主要的开发工具，利用SpringBoot框架辅助开发，网站数据的存储使用Redis、MySql等工具，前端使用Vue、Node.js开发，同时使用阿里云做相关视频的存储。从模块的划分来看，本系统总共划分了教师信息管理、课程信息管理、相关数据的统计、课程信息上传等模块。通过web浏览器实现对网站的操作。本网站摒除了传统的耦合度极高的模板引擎，使用前后端分离的开发模式，网站采用微服务架构方式，方便系统功能的拓展，以及系统维护，同时网站使用了负载均衡服务器Nginx，为大并发访问提供了技术支撑。

关键词： 网站架构 教育 前后端分离 微服务

Design and implementation of online education website

ABSTRACT

With the development of Internet technology, all kinds of websites have already filled our lives and meet our daily needs. The construction and planning of websites are quietly placed in front of us. At the same time, online teaching, which has been born, has become an important teaching tool. The use of network communication technology to start teaching improves the efficiency of teaching, makes the spread of knowledge more rapid and convenient, and breaks the traditional space restrictions. Compared with the offline teaching in the classroom, the existing system of online education is not perfect. Thinking about how to establish a complete online teaching system has now become a very important topic. The planning and construction of a website largely determine the quality of online teaching, so the construction of an online education website will become an important subject for discussion for a long time to come.

This article deeply analyzes the teaching advantages of the existing online education, on this basis, compares the online education at home and abroad, and then builds the Nangong online education website. This website adopts the B/S architecture. The website uses IDEA as the main development tool, the SpringBoot framework is used to assist development, the website data storage uses Redis, MySql and other tools, the front end uses Vue, Node.js development, and Alibaba Cloud is used for related Video storage. From the perspective of the division of modules, the system is divided into modules such as teacher information management, course information management, statistics of related data, and course information upload. Operate the website through a web browser. This website abandons the traditional highly coupled template engine and uses a separate front-end and back-end development model. The website uses a microservice architecture to facilitate system function expansion and system maintenance. At the same time, the website uses a load balancing server Nginx, which is a big Concurrent access provides technical support.

Key Words: Website architecture; education;Front and rear end separation;Microservice

目 录

摘 要 I

ABSTRACT II

第一章 绪论 1

1.1选题背景 1

1.2研究意义 1

1.3研究思路和方法 1

1.3.1研究思路 1

1.3.2研究方法 2

第二章 文献综述 4

2.1 国内外发展现状 4

2.1.1国内外在线教育发展现状 4

2.1.2国内外在线教育应用现状 4

2.2相关技术 5

2.2.1SpringBoot 5

2.2.2Vue 5

2.2.3 MySql 5

2.2.4 Redis 6

第三章系统分析与设计 7

3.1系统分析 7

3.1.1可行性分析 7

3.1.2需求分析 7

3.2系统设计 9

3.2.1前端UI界面设计 9

3.2.2后台UI界面设计 10

3.2.3后台数据接口设计 11

第四章 系统功能模块实现及测试 13

4.1网站后台UI界面系统功能实现 13

4.1.1管理员登录页面 13

4.1.2教师信息模块 13

4.1.3课程分类管理模块 14

4.1.4课程发布模块 15

4.1.5统计分析模块 15

4.2网站前台UI界面系统功能实现 16

4.2.1网站首页 16

4.2.2课程展示页面 17

4.2.3名师页面 17

4.3网站数据接口系统功能及实现 18

4.3.1后台数据的发布 18

4.3.2阿里云实现图片上传和视频管理 19

4.4网站的相关优化 20

4.3.1微服务架构 20

4.3.2布隆过滤器 20

4.3.3Redis缓存 21

第五章设计总结 22

5.1总结 22

5.2展望 22

5.3系统中存在的不足 23

5.3.1网站登录问题 23

5.3.2前台页面问题 23

5.3.3 Redis问题 23

5.3.4 运行环境问题 23

参考文献 24

致 谢 28

第一章 绪论

1.1选题背景

随着经济教育水平的显著提高和信息技术的迅速发展，人们对生活质量和学习质量的要求越来越高，在线教育已成为一种新的学习方式。其一，在线教育不受时间和地点的限制，只要有网络可以随时随地可以进行学习或授课。其二，低成本，网上很多免费学习资源，即使是付费，价格也非常优惠。其三，可以根据自己的能力选择对应难度的课程，非常有针对性。而且随着5G技术、人工智能、大数据的兴起，在线教育的体验也越来越好。

结合当下疫情，互联网教育使得人们可以在分散的地区接受同样的教育资源，在线教育在传播优质知识的同时，避免了大量人员聚集。

请支付后下载全文，论文总字数：18226字