摘要：响应习总书记提出的“互联网+”精神的号召，本次毕业设计中采用了“基于HTML的仿IMOOC网站设计与开发”作为论文题目。

众所周知，IMOOC中文名称是慕课网，是国内数一数二的在线课程学习网站，它涉及多语言，类别丰富，包含前 端开发，后 端开发，移 动开发，数 据库，云计 算&大数 据，运维&测试，UI设计等多个类别，用户可在线进行学习与交流，还有众多大神分享学习心得，是程序猿的学习天堂。

基于我国国情和各大高校发展的实际需求，结合IMOOC的思想实质与内涵，此次毕业设计中计划设计开发一个类似的“IMOOC”网站系统，它能够用于高校学生的课程学习和交流，也可用于普通用户注册进行学习。

此网站前端采用了HTML技术作为网站编写语言，使用CSS技术作为网站样式设计语言，运用boots trap和jQu ery框架优化和简化编写流程，且能够使页面的设计与美观更加现代化。网站使用b/ s模式进行开发，后端使用MySQ L作为数据库语言和数据库管理软件。开发工具用到了MyE clipse作为项目整合软件、To mcat作为服务器、MyS QL用作数据库管理软件。

论文叙述了相关的开发背景和技术简介，系统相关的功能需求、性能需求和可行性分析，前端模 块设计和数 据库设计、系 统测试和改 进方案。

关键词：互联网；在线；学习；HTML

目录

摘要

Abstract

1 绪论-1

1.1 研究背景与意义-1

1.2 研究内容-2

1.3 相关技术简介-2

1.4 论文组织结构-4

2 系统需求及可行性分析-5

2.1 系统需求分析-5

2.1.1 系统功能需求分析-5

2.1.2 系统性能需求分析-5

2.1.3 主要技术分析-6

2.2 系统可行性分析-6

3 系统总体设计-8

3.1 系统总体结构设计-8

3.2 功能模块详细设计-8

3.2.1 系统设置管理模块-8

3.2.2 用户信息管理模块-9

3.2.3 课程信息管理模块-9

3.2.4 课件资料管理模块-9

3.2.5 教学视频管理模块-9

3.3 数据库设计-9

3.3.1 数据库逻辑设计-9

3.3.2 数据库关系设计-10

3.3.3 数据库详细设计-10

4 系统详细设计-13

4.1 前端功能模块设计-13

4.1.1 首页-13

4.1.2 课件资料-14

4.1.3 资源检索-14

4.1.4 在线交流-15

4.1.5 管理登录-15

4.2后台功能模块设计-16

4.2.1 左侧菜单栏-16

4.2.2 课程信息管理-17

4.2.3 课件资料管理-18

4.2.4 留言信息管理-18

4.2.5 密码信息管理-18

4.2.6 注册用户管理-19

5 系统测试-20

5.1 测试目标与测试方法-20

5.2 改进方案-23

结    论-25

参考文献-26

致    谢-27