2。2。1 HTML5 4

2。2。2 CSS3 4

2。2。3 Ionic框架 5

2。2。4 AngularJS框架 5

2。2。5 Qiniu云存储 5

2。3 本章小结 6

第三章 系统分析与总体设计 7

3。1 系统总体架构 7

3。2 功能模块设计 8

3。2。1 首页课程模块 8

3。2。2 收藏课程管理模块 9

3。2。3 用户个人设置模块 9

3。3 在线API测试系统介绍 9

3。4 本章小结 11

第四章 系统详细设计 12

4。1 系统工程目录结构 12

4。1。1 根目录test 13

4。1。2 文件夹CSS 13

4。1。3 文件夹img 14

4。1。4 文件夹js 14

4。1。5 文件夹templates 16

4。2 前端页面设计 16

4。2。1 主界面设计（router。html） 16

4。2。2 课程列表页面（course。html） 17

4。2。3 课程详情页面（course-content。html） 20

4。2。4 课程学习页面（course-detail。html） 22

4。2。5 收藏课程管理页面（thread。html） 24

4。2。6 用户信息页面（user。html） 24

4。3 Controller模块 25

4。3。1 控制器CourseContentCtrl 26

4。3。2 控制器CourseDetailCtrl 27

4。3。3 控制器ThreadCtrl 28

4。3。4 控制器UserCtrl 29

4。3。5 控制器LoginCtrl 29

4。3。6 控制器PersonalCtrl 30

4。4 Service模块 31

4。4。1 课程CourseFactory模块 32

4。4。2 用户UserFactory模块 36

4。4。3 评论CommentsFactory模块 37

4。5 本章小结 38

结论 39

致谢 41

参考文献 42

第一章 绪论

1。1 研究背景

自从手机开始进入普通家庭，大部分人都拥有一部个人PC和移动电话，这使得现在教育发生了深刻的改变，涌现出一大批新型的教育方式。在线学习[1]的模式也应运而生，一时间，丰富的互联网资源充斥着各式各样的学习网站，各大网站的学习模式和方法也层出不穷。这一现状在大学生中尤为普遍，他们利用在线学习的方式学习各种各样的新知识，扩充部分在教科书上学习不到的知识体系，这种学习方式在较短的时间内迅速风靡起来。