摘 要
随着学习压力越来越大，课外参加补习班的学生越来越多。现在大多数学生
采用请家教、自学、报名补习班的方式进行课外的额外学习。请家教费用昂贵，
自学效率低，碰到自己不会的知识不能及时得到解达，报名补习班需要时间、地
点的配合，灵活性低，而且现在国家不提倡校外的补习班。目前，网络发展成熟，
各类网站平台层出不穷，如果可以有专业的网站提供网上辅助学习，则可以帮助
学生的课外学习。
本基于 VUE.js 的在线教育系统采用 B/S 框架进行设计，语言采用 Java，数
据库为 Mysql。在技术中加入 VUE.js，使界面更加丰富、友好。本系统针对课程
购买而开发，使用角色为管理员和学生、教师。学生可以通过注册登录，在界面
里浏览课程视频进行学习，可以收藏课程和发表留言并购买课程，实现订单管理。
管理员可以管理学生信息、课程信息、发布班级和管理章节等。教师可以管理课
程订单和课程以及管理章节等。在本系统中，学生可以利用自己的空闲时间自主
学习，灵活性强，针对不懂的课程也可以多次学习和在线提问，对学生的学习帮
助非常大。
关键词: 购买课程；课程信息管理；发表留言；Java 语言
2
Abstract
With the increasing pressure of study, more and more students participate in
remedial classes after class. At present, most students use tutors, self-study and sign
up for remedial classes for extra-curricular learning. The cost of tutoring is expensive
and the efficiency of self-study is low. When you encounter knowledge you can't
understand in time, signing up for remedial classes requires the cooperation of time
and place, and the flexibility is low. Moreover, the state does not advocate out of
school remedial classes. At present, the network is mature, and various website
platforms emerge in endlessly. If professional websites can provide online assisted
learning, it can help students' extracurricular learning.
This is based on Vue JS online education system is designed with B / S
framework, Java language and MySQL database. Add Vue to the technology JS to
make the interface more rich and friendly. The system is developed for course
purchase, and the roles are administrator, students and teachers. Students can register
and log in, browse course videos in the interface for learning, collect courses, post
messages and buy courses to realize order management. Administrators can manage
student information, course information, publish classes and manage chapters. Course
and order management. In this system, students can use their free time to study
independently with strong flexibility. For courses they don't understand, they can also
study and ask online questions for many times, which is very helpful to students'
learning.
Key words: purchasing courses; Curriculum information management; Post a
message; Java language
3
目 录
摘 要..............................................................................................................................1
Abstract ..........................................................................................................................2
第 1 章 绪论..................................................................................................................5
1.1 课题研究背景和来源......................................................................................5
1.2 课题研究现状..................................................................................................5
1.3 课题开发的目的和意义..................................................................................6
1.4 课题开发内容..................................................................................................6
1.5 论文结构安排..................................................................................................7
第 2 章 系统开发关键技术介绍..................................................................................8
2.1 系统开发使用的关键技术..............................................................................8
2.2 VUE.js 技术介绍.............................................................................................8
2.3 Idea 介绍 ..........................................................................................................8
2.4 Mysql 数据库介绍...........................................................................................9
2.5 B/S 结构介绍...................................................................................................9
第 3 章 系统分析........................................................................................................10
3.1 系统需求分析................................................................................................10
3.2 系统可行性分析............................................................................................10
3.2.1 技术可行性.........................................................................................10
3.2.2 经济可行性.........................................................................................11
3.2.3 运行可行性分析.................................................................................11
3.2.4 法律可行性.........................................................................................11
3.3 系统功能分析................................................................................................11
3.4 系统性能分析................................................................................................13
3.5 业务流程分析................................................................................................13
第 4 章 系统设计........................................................................................................15
4.1 系统功能结构设计........................................................................................15
4.2 系统数据库设计............................................................................................15
4.2.1 数据库 ER 图设计..............................................................................16
4
4.2.2 数据库表设计.....................................................................................18
第 5 章 系统实现........................................................................................................24
5.1 前台界面的实现............................................................................................24
5.1.1 首页界面的实现.................................................................................24
5.1.2 课程信息功能的实现界面.................................................................24
5.1.3 个人中心功能的实现界面.................................................................25
5.1.4 课程购买功能的实现界面.................................................................26
5.1.5 课程视频功能的实现界面.................................................................26
5.1.6 在线留言功能的实现界面.................................................................27
5.1.7 章节信息功能的实现界面.................................................................27
5.1.8 课程订单管理功能的实现界面.........................................................28
5.2 管理员功能的实现界面................................................................................28
5.3 教师功能的实现界面....................................................................................29
第 6 章 系统测试........................................................................................................31
6.1 系统测试的目的............................................................................................31
6.2 系统测试的重要性和方法............................................................................31
6.3 系统的测试步骤............................................................................................31
6.4 系统的测试用例............................................................................................32
6.5 测试总结........................................................................................................33
总 结............................................................................................................................34
致 谢............................................................................................................................35
参考文献......................................................................................................................36
第 1 章 绪论
1.1 课题研究背景和来源
目前的网站平台类系统已各种各样，涉及到生活中的每一个部分。购物类、
管理类、信息统计类、办公类、官网类等非常丰富。我国各类网站的发展已非常
成熟，这些系统依靠网络和计算机技术不断完善发展为人们带来更好的生活体验。
而学习类的网站更是多种多样，像比如出名的慕课网、各种辅导网等拥有的客户
群体都非常大。
受我国教育理念的影响，每个家庭都非常注重学生的学习，为学生提供最好
的教育辅助。我国人口众多，竞争压力也越来越大，随着国民经济水平的提升，
越来越多的家庭都认识到教育的重要性。我国的教育水平还处在基础阶段，学生
获得知识的主要途径是通过老师在学校里传授，这种方式由于学生接受能力不同
而造成学生的学习效果不同。接受能力差的同学家里会想要通过其它方式进行实
习，现在流行的网上教学非常受家长欢迎。但网上教学费用昂贵，对家庭条件一
般的学生来说压力非常大。
1.2 课题研究现状
目前学生获得知识的主要途径还是通过传统方式。采用在学校由老师在教室
上课的方式，这种方式对于接受能力强的同学来说非常适合，但对学习能力差的
同学来说非常困难，特别是一些自我约束能力小的同学来说，做到专心上课听讲
都非常难。这部分学生想要提高成绩必要采用其它辅助手段，像参加课外补习班、
请家教、找同学帮助、在线学习等方式都可以提高学生的学习成绩。但现在国家
政策不允许开设课外补习班，大量的学生转换到线上辅导学习。
我国线上学习的发展已形成一定的规模，在众多教学网站里商业性质强。而
且采用的都是老师授课，学生自己理解，理解不了的知识再进行提问解答。学生
自学部分相对较少，主要由老师引导学习，不能培养学生的自学能力。学生自学
能力不能发辉，提高不了学生的学习积极性，对提高学生成绩效果也就大打折扣。
