第1章 绪论

1.1课题研究背景和来源

目前的网站平台类系统已各种各样，涉及到生活中的每一个部分。购物类、管理类、信息统计类、办公类、官网类等非常丰富。我国各类网站的发展已非常成熟，这些系统依靠网络和计算机技术不断完善发展为人们带来更好的生活体验。而学习类的网站更是多种多样，像比如出名的慕课网、各种辅导网等拥有的客户群体都非常大。

受我国教育理念的影响，每个家庭都非常注重学生的学习，为学生提供最好的教育辅助。我国人口众多，竞争压力也越来越大，随着国民经济水平的提升，越来越多的家庭都认识到教育的重要性。我国的教育水平还处在基础阶段，学生获得知识的主要途径是通过老师在学校里传授，这种方式由于学生接受能力不同而造成学生的学习效果不同。接受能力差的同学家里会想要通过其它方式进行实习，现在流行的网上教学非常受家长欢迎。但网上教学费用昂贵，对家庭条件一般的学生来说压力非常大。

1.2课题研究现状

目前学生获得知识的主要途径还是通过传统方式。采用在学校由老师在教室上课的方式，这种方式对于接受能力强的同学来说非常适合，但对学习能力差的同学来说非常困难，特别是一些自我约束能力小的同学来说，做到专心上课听讲都非常难。这部分学生想要提高成绩必要采用其它辅助手段，像参加课外补习班、请家教、找同学帮助、在线学习等方式都可以提高学生的学习成绩。但现在国家政策不允许开设课外补习班，大量的学生转换到线上辅导学习。

我国线上学习的发展已形成一定的规模，在众多教学网站里商业性质强。而且采用的都是老师授课，学生自己理解，理解不了的知识再进行提问解答。学生自学部分相对较少，主要由老师引导学习，不能培养学生的自学能力。学生自学能力不能发辉，提高不了学生的学习积极性，对提高学生成绩效果也就大打折扣。

1.3课题开发的目的和意义

本系统的实现目的在于帮助学生的学习。和网上的商用教学网站相比，本系统针对性更强，向使用用户展示最为详细的课程信息，并可以以多种方式展示，以此来调动学生的学习积极性。本系统中的课程学生可以购买，对于不明白的地方也可以在线提问。本系统的核心在于内容，以丰富的课程种类取胜，去繁留简，使本系统的用户更容易抓住重点，找到核心内容，减少用户烦躁心理。本系统的实现拥有更大的意义：

1. 本系统功能简单、针对性强，使系统用户更为直观，操作也更为简单，只要有上网经验的用户都可以轻松掌握；
2. 本系统采用多种课程种类，用户可以根据自己的喜好选择更适合自己的方式进行学习；
3. 本系统中的课程信息都是由教师发布、管理员审核，可以做到正确、精准；
4. 本系统中设有留言功能，用户相互之间可以形成交流讨论，可以打开新的学习思路和解决学习疑问。

1.4课题开发内容

本基于VUE.js的在线教育系统采用前台+后台的方式进行设计。前台信息主要为内容展示，后台信息为用户可以操作的功能。本系统的前台信息可由非注册用户、注册用户、管理员共同浏览，主要信息为课程信息。课程详情里添加视频，使课程更加立体，方便学生更好的理解。注册用户在前台可以浏览课程信息并可以收藏课程，也可以发布自己的留言进行分享讨论，对需要的课程要以购买。注册用户在个人后台可以管理自己发布的留言和收藏的课程以及购买的课程。管理员在后台的功能为课程类别管理、章节管理、基础数据管理和课程管理、用户管理以及前台图片的设置。教师可以发布课程和回复学生的留言、管理课程订单以及课程的章节等。

1.5论文结构安排

本篇论文分为摘要、目录、绪论、系统开发关键技术介绍、系统分析、系统设计和系统实现、系统测试、总结、致谢、参考文献。本篇论文的核心集中在系统设计和系统实现部分。绪论部分为基础调研，在系统分析中阐述系统的需求分析、可行性分析和数据流程图、用例图等。

第4章 系统设计

4.1系统功能结构设计

   本系统的功能界面设计为四个，前台界面、学生中心界面和管理员中心界面、教师中心界面。根据不同用户的不同需求分开设计功能。前台界面的功能为课程信息、首页、个人中心、后台管理等，学生中心界面的功能为个人资料、我的收藏管理、课程订单管理等，管理员中心界面的功能为学生信息、课程信息管理等，教师中心界面的功能为课程、章节管理等。本系统的功能结构图如下图4.1所示：

图4.1系统功能结构图

第5章 系统实现

5.1前台界面的实现

在前台里所有的信息都是共享的，注册用户、非注册用户、游客都可以浏览。主要为课程信息、个人中心和后台管理。