摘要:随着互联网技术的发展，Web相关技术呈现百家争鸣的态势，服务器端语言、脚本语言、前端语言等技术日益强大，并逐步地改善用户的体验效果。如今，人们早已不满足纯粹的信息交换，而是将互联网与教育的结合构成在线教学平台。我此次的目的是，结合理论知识，重在编码实践，开发一个基于B/S的在线教学系统，尽可能多的挖掘业务需求，探测技术难点，以供后续开发者参考。

本设计主要使用开源工具Eclipse Mars 4.5结合Java语言编写后端逻辑，服务器采用Apache Tomcat 7.0，前端使用Html5+Css3技术、ajax、JavaScript等技术，数据库环境为MySQL 5.6，项目主体框架由Spring4+Sturt2+hibernate4配合QuartZ、Shiro、JQuery等优秀框架构成。从可行性分析、需求分析、总体设计等进行系统开发，贯彻软件工程的思想，立志将基于B/S的在线教学系统尽可能的做好。

本设计的创新点在于将与课程视频有关的题目嵌入到视频播放过程中，促进学生在学习课程视频时的思考，有利于提升教学效果。目前Web技术发展成熟，不管是后台的Java还是前端的Bootstrap，都有成熟的API可供参考以实现复杂的功能，使系统开发者能够更加专注于复杂的业务逻辑。

关键词： B/S 互联网 在线教学 技术

目录

摘要

Abstract

1 绪论-1

1.1 课题背景及研究意义-1

1.2 研究内容及创新点-1

1.3 文章内容简介及课题主要贡献-2

1.4 本章小结-2

2 可行性分析-3

2.1 技术可行性-3

2.2 经济可行性-3

2.3 操作可行性-4

2.4 难点与风险-4

3 需求分析-5

3.1 市场需求-5

3.2 业务需求-5

3.3 功能需求-5

3.4 系统需求-18

3.5 性能需求-19

4 总体设计-19

4.1 设计约定-19

4.2 功能模块结构图-19

4.3 系统架构-20

4.4 总体界面设计-22

4.5 数据库设计-25

5 系统实现过程-32

5.1 环境搭建基本流程，搭建本地测试环境-32

5.2 申请云服务器-33

5.3 云服务器搭建生产环境-34

5.4 环境搭建遇到的问题及解决方案-37

5.5 重要功能实现细节-40

6 系统测试-45

6.1 测试工具-45

6.2 测试方法-45

7 系统使用说明书-46

7.1 进入系统首页-46

7.2 查看课程类别视频-47

7.3 查看课程视频-48

7.4 用户播放视频-49

7.5 用户完成章节作业-50

7.6 管理员查看页面统计-50

8 总结与展望-51

8.1 总结-51

8.2 展望-51

毕业设计体会-52

参考文献-53

致谢-55