基于HTML5的网络课堂前端开发1资料.doc

摘 要 随着社会的不断发展，科学技术的不断提升，提高学习质量和受教育水平显得十分重要。在互联网技术发达的今天，为了方便人们随时随地学习并获得优质学习资源，网络课堂无疑是做好的选择。 本人基于HTML5、CSS3、javascript，及简单php的使用，设计开发了该网络课堂的前端。实现了老师开设课堂、修改课程信息、直播课程、查看课程收入、完善个人信息等页面及一些基本功能，而作为学生，实现了注册登录、查看相关课程、对课程的分享转发、对该课程的老师进行提问评论及点赞功能。 关键词：html5；CSS；javaScript；课堂；php；mysql Abstract With the continuous development of society, science and technology continue to improve,it is very important to improv the quality of learning and education level.At present,the Internet technology developed,in order to facilitate people anytime,anywhere learning and access to quality learning resources,it is no doubt that network classroom is the best choice. I designed and developed the front of the network classroom,based on HTML5,CSS3,JavaScript,and the use of simple PHP.You could achieved add the classroom page,modify the classroom information page,play the classroom page,check the income page of the classroom,improve personal information page and some relate functions,if you were a teacher.When you were a student,first,you should registered in this network classroom,second,you need login in this network classroom.Last,you can view related courses,to share and reproduced the course of the curriculum,ask teacher some questions and comment on this class,in addition,you can click a like for this teacher. Keywords:HTML5;CSS;javaScript;class;PHP;MySQL 目 录 第1章 绪论 1 1.1 系统开发背景 1 1.2 网络课堂开发的目的和意义 1 1.3 可行性分析 2 第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 网络课堂前端设计的主界面 19 第5章 网络课堂前端的测试和调试 33 5.1 白盒测试及测试实例 33 5.2 黑盒测试 34 第6章 工作总结和展望 35 6.1 工作总结 35 6.2 工作展望 35 参考文献 36 致 谢 37 第1章 绪论 1.1 系统开发背景 随着科学技术的越来越发达，互联网也慢慢的渗透到人们生活的方方面面，无论一个什么样的产品或者公司都需要有自己的特色设计来宣传或者介绍自己。网站的设计和一个很好的使用性能可以很好的提高自己产品或公司的点击访问量，从而达