LUOYANG NORMAL UNIVERSITY
2016届本科毕业设计
基于HTML5的网络课堂前端开发
院（系）名称 专 业 名 称 学学指
导
教生
姓
名 号 师
信息技术学院 软件工程 孔会娟 121164004 王听忠 2016年5月
完 成 时 间
基于HTML5的网络课堂前端开发
摘 要
随着互联网技术的不断发展，人类社会对互联网应用的需求越来越多，互联网可应用的语言框架也有越来越多，互联网技术也根据人们的社会需求，变的越来越人性化。HTML5是顺应时代发展以满足现代人网络需求而生的新兴技术。HTML5技术是在HTML和CSS样式基础上推陈出新，所搭配的CSS3也更符合现代人类的审美要求，简化了程序实现的步骤，加之配合使用javaScript，能够使整个页面完美的呈现在人们的视野里。与此同时，HTML5的兼容性、实用性、互通性、通用访问性能够提高页面访问速度。此外，在多元化社会中跨平台也显得十分重要，HTML5能够实现跨平台，并支持更多浏览器，因此它的应用更加广泛，实用性更强。
本人基于所学知识，及php相关的后台管理内容，设计与开发了基于HTML5的网络课堂前端，可实现了用户登录、开设课堂、查看及选择课程，课程评价及回复等功能。
关键词：html5；CSS；javaScript；课堂；php；mysql
I
洛阳师范学院2016届本科生毕业设计
Abstract
With the continuous development of Internet technology, human society needs more and more application of the Internet,the language framework of Internet can be used is also become more,the Internet technology also according to the social needs of the people,become more and more humane.HTML5 is a new technology to adapt to the development of the times and to meet the modern needs of network.HTML5 is innovation in HTML and CSS style, the collocation of CSS3 more in line with the aesthetic requirements of modern humans,to simplify the realization of program procedures ,coupled with the use of JavaScript, can make the page present perfectly in people’s view.At the same time, the compatibility, practicality, interoperability, universal of HTML5 have way to improve the page access speed.In addition,cross platform is also very important in a diversified society,HTML5 is able to cross platform,and support more browsers,so it is more widely used and more practical.
I
based
on
the
knowledge,and
PHP
related
background
content
management.Designed and developed a front-end of network-class based on HTML5 ,which can realize the login of user ,classrooms’ open, view and select courses ,curriculum evaluation and reply function and so on.
Keywords:HTML5;CSS;javaScript;class;PHP;MySQL
II
基于HTML5的网络课堂前端设计
目 录
第1章 绪论 ............................................................ 1 1.2 网络课堂开发的目的和意义 ......................................... 1 1.3 可行性分析 ....................................................... 1 第2章 网络课堂前端需求分析 ............................................ 3 2.1 用户功能需求分析 ................................................. 3 2.2 前端的性能要求 ................................................... 3 2.3 业务流程分析 ..................................................... 3 第3章 网络课堂前端的总体设计 .......................................... 5 3.1 网络课堂前端的功能模块分析 ....................................... 5
3.1.2 找回密码并登录 ................................................ 5 3.1.3 相关信息的添加和删除 .......................................... 5 3.1.4 信息的浏览和查询 .............................................. 5 3.1.5 数据管理 ...................................................... 5 3.2 网络课堂前端的总体设计 ........................................... 6 第4章 网络课堂前端的详细设计 .......................................... 7 4.1 开发工具简介 ..................................................... 7 4.2开发环境概述 ...................................................... 7 4.2.1 HTML5简介 .................................................... 7 4.2.2 CSS3简介 ..................................................... 8 4.2.3 JavaScript的简介 ............................................. 9 4.2.4 php的简介 .................................................... 9 4.3 数据库设计 ...................................................... 10 4.4 用户前端设计 .................................................... 11 4.4.1 登录、注册界面 ............................................... 11 4.4.2 网络课堂前端设计的主界面 ..................................... 20 第5章 网络课堂前端的测试和调试 ....................................... 41 5.1 白盒测试及测试实例 .............................................. 41 5.2 黑盒测试 ........................................................ 42 第6章 工作总结和展望 ................................................. 43 6.1 工作总结 ........................................................ 43 6.2 工作展望 ........................................................ 43 参考文献 .............................................................. 44 致 谢 ................................................................ 45
III