1、河北农业大学现代科技学院本科毕业论文题 目: C语言教学专题网站 摘 要Internet作为全球性的计算机互联网,已深入到人们日常生活当中。基于Internet的现代教育技术的应用,使学生学习的方式发生了巨大的变化,连上课的方式也不再只拘泥于传统的老师面授的方式。网络教学系统的广泛应用,突出了学生在网上教学活动中的主体作用,为学习者在课堂上实现“建构学习”提供了可能。 本系统根据C语言这门课程的特点和要求,采用了 PHP+DIV+CSS 的设计模式,并采用 B/S 模式结构,利用 MD5加密进行了系统与总体数据的规划、设计与实现,并结合Dreamweaver实现静态网页界面的设计。 本文对本系
2、统进行了详细的需求分析和功能介绍,符合网络教学新模式的需求,可实现,网络教学,师生互动,教师答疑等功能,同时能够提供一定的安全机制,提供数据信息的授权访问。关键词:教学网站;网络教学;动态网页AbstractInternet is global computer Internet , already has gone deep into to people daily life middle. Development of modern education technology, the feasible student studies such that way has happened b
3、eing so enormous as to change, way even the way giving lessons rigidly adhering to tradition no longer only. Along with the development of multimedia and network technology, web-based instruction has been developed and popularized rapidly.According to the characteristics and requirements of this cou
4、rse in the C language, PHP + DIV + CSS design patterns, and the B / S model structure, use MD5 encryption system and the planning of the overall data, design and implementation. Combined with Dreamweaver static web interface design. This system uses the PHP dynamic web technology, as well as the MYS
5、QL database technologies have been developed to fully meet the system design needs, and is the current mainstream technology, the server set up and support are very convenient.The tests show that the establishment of the use of the website in line with school teaching, can achieve the course descrip
6、tion, online learning, teacher-student interaction modules and functions, while able to provide some security mechanisms to provide the unauthorized access of data and information.Key words: Teaching site; Network teaching; Dynamic web pages目录1 绪 论11.1 课题研究的背景及意义11.2教学网站及相关技术研究现状11.2.1传统教学模式与新型教学模式的
7、比较11.2.2教学网站的优势11.3课题的研究目标与内容21.3.1课题研究的目标21.3.2课题的主要工作和研究内容21.4 设计说明书结构22 系统开发相关技术的简介42.1 系统开发环境42.2 软件开发环境42.2.1开发工具Dreamweaver42.2.2 数据库开发工具MYSQL43 系统的需求分析73.1 目前教学网站运营中存在的问题73.2 功能分析73.2.1 系统业务流程73.2.2 用例模型73.3 可行性分析93.3.1 经济可行性93.3.2 技术可行性93.3.3 操作可行性104 系统的概要设计114.1 系统功能设计114.1.1 系统功能结构114.1.2
8、 系统功能简介114.2 数据库设计114.2.1 数据库概念设计124.2.2 数据库逻辑结构设计144.2.3 文件夹组织结构155 系统主要模块的设计与实现165.1 系统登录模块设计165.1.1 系统登录模块界面165.1.2 系统登录模块技术分析165.1.3 系统登录模块实现过程165.2 用户注册模块设计175.2.1 用户注册模块界面175.2.2 用户注册模块技术分析175.2.3 用户注册模块实现过程175.3 留言模块设计185.3.1 留言模块界面185.3.2 留言模块技术分析185.3.3 留言模块实现过程195.4 视频模块的设计195.4.1 视频模块技术分析
9、195.4.2 视频模块实现过程195.5 分页类的设计205.5.1 分页类技术分析205.5.2 分页类应用过程206 系统测试21 6.1 使用环境要求216.2 测试内容和测试策略216.3 测试内容216.4 测试总结22结 论23参考文献24致 谢251 绪 论1.1 课题研究的背景及意义随着Internet的普及,计算机应用己经从传统的单机模式转变为以全球互联网WWW(World Wide Web)平台的新型服务模式。顺应互联网的出现,大多数高校建设了教学网站。在这种教学方式下,人们突破了时空的局限,随时可以从网上获取最新、最形象表示的前沿知识。可以使学习者访问网站进行远程教育,
10、吸收大量的新知识。网络教学跨越时间和地理位置的限制,最大程度的整合教学资源,将一流的师资和一流设备通过网络与需要得到新知识的学习者结合起来。网络教具有投资少、效益大、覆盖面广、受益人多及互动性强等特点,可为学校节省人力、物力,为广大的学习者提供一个更加方便的平台。通过教学网站,教师能够轻松生动地给学生演示课程内容,便于学生理解。从而培养对计算机科学的新思想、新知识、新技术的理念和自学能力,使学生和教师能够利用计算机提高自己的学习效率,达到计算机基础教育的目的。1.2教学网站及相关技术研究现状1.2.1传统教学模式与新型教学模式的比较传统的教学模式是以教师为中心,由一个教师领导一大群的学生进行某
11、一课程的学习,此种教育模式有两个主要的弊端。一是导致学生没有明确而正确的学习动机和动力,学习变得盲目且具有机械性;二是错误的课时制度,即让学生一日内连续学习多门课程,降低其学习效率,这两种弊端造成学生们“枯燥无味”和学习效率低下的主要根源。而教学网站是随着现代信息技术的发展而产生的一种新型教育方式,由于采用与传统教育方式不同的自主式和交互式学习方式,打破了时间和空间上的限制,使得学生在任何地方任何时间皆可进入教学网站进行自主学习,使得学生具有自主权,加强学生对于课程的兴趣。同时,加强了教师与学生、学生与学生之间的信息交流,将网站运用于教学可以充分调动学生学习的主观能动性,提高学生的求知欲,同时
12、能使教师及时掌握学生学习的进度及存在的问题,从而取得良好的教学效果。1.2.2教学网站的优势(1)新型的教学模式使得以教师为中心的传统模式转变成以学生为中心的教学模式,使得教学双方不受地理环境和时间的限制,随时进行学习。教师不再是以讲授知识和方法为重点,而是指导学生如何通过网站学习新知识,突出教师的引导作用。学生通过网页主动获取教学内容所要求的知识,成为学习活动的主体。(2)教学内容更新快,教学过程的交互性强,教学资源和媒体利用等特点充分提高学生的学习兴趣。(3)利用网络环境的开放性,使得每个学生的个性得到充分的发展。可满足学生个别化自主学习的要求,亦满足学生的个别交流和参与集体讨论。(4)利
13、用在网络环境下学习反馈的实时性,可以即时调整网站的内容与主体,并且给出学生提出问题的答案及解决方案。(5)系统具有完善的后台管理模块,方便系统的维护,确保系统正常运行,益于网络教学的推广。1.3课题的研究目标与内容1.3.1课题研究的目标建立一个符合学校教学要求的使用的网站,可实现课程描述、在线学习、师生互动模块等功能,同时能够提供一定的安全机制,提供数据信息的授权访问。课程描述可以介绍课程内容、教学目的和要求、教学内容、教学进度表、教案等,师生互动模块可以提供师生交流的平台,探讨课程问题。1.3.2课题的主要工作和研究内容1. 系统分析C语言课程教学网站主要实现以学生自主学习为目的的网站。提
14、供基本的教学网站所具有的功能:课程描述、教学资源的查看及师生互动模块及网站维护管理模块。网站风格简洁,色泽淡雅,排版简单易懂。 2. 系统总体设计构建课程网站的硬件和软件设计框架,确定系统所需要的功能模块,提出概要性实施方案。所做的主要工作如下:(1)学习开发系统平台应具备的知识;(2)对网站进行总体设计,确定开发环境和设计要点,并对所要开发的教学网站管理信息系统;(3)进行系统规划,确定其基本结构及实现策略;(4)组织实施课程开发、运行程序的设计与实现;(5)对系统进行调试、运行。14 设计说明书结构本设计说明书共分六章,各章结构如下:第1章 绪论。讲述了C语言程序设计网站系统的研究背景、研
15、究意义,该网站系统目前在国内外技术研究现状以及系统的研究内容与研究目标。第2章 系统开发相关技术简介。讲述了该教学网站系统的开发工具(即其软件开发环境、Dreamweaver开发工具和MYSQL数据库开发工具)和与该系统开发相关的PHP技术。第3章 系统的需求分析。该章先对目前教学网站运营中存在的问题进行了分析,根据这些问题做出了功能需求分析和该管理系统的可行性分析。第4章 系统功能结构和数据库的设计。讲述了系统的功能结构和系统数据库的设计,其中系统功能结构中讲述了系统功能结构图、系统的主界面和业务流程图,数据库的设计则对数据库的概念设计和逻辑结构设计进行了比较详细的介绍。第5章 系统的详细设
16、计与实现。则针对系统内某些类和具体模块的实现进行了详细的介绍,其中模块主要是。第6章 系统测试。该章依据测试目的和测试准则,对系统所研究的功能模块进行测试,并且得出测试结果。2 系统开发相关技术的简介2.1系统开发环境 开发环境:Windows 7;服务器:apache;开发工具:PHP;开发平台:Dreamweaver;数据库管理系统:MYSQL。2.2软件开发环境2.2.1开发工具Dreamweaver Dreamweaver是一套完整的开发工具集,Dreamweaver可以创建包括PHP在内的大多数网络应用文件,并且支持多插件扩展,能够独自开发出一个完整的web应用。Dreamweave
17、r 是Adobe公司推出的开发环境,是目前最流行的web应用程序开发环境。Dreamweaver 在三个方面为开发人员提供了关键改进:快速的应用程序开发、高效的团队协作、突破性的用户体验。Dreamweaver 提供了高级开发工具、调试功能和创新功能,帮助在各种平台上快速创建当前最先进的应用程序。 Dreamweaver 包括各种增强功能,例如可视化设计器、对Web开发工具的大量改进,以及能够加速开发和处理所有类型数据的语言增强功能。Dreamweaver 为开发人员提供了所有相关的工具和框架支持,帮助创建引人注目的、令人印象深刻并支持 Ajax的Web应用程序。开发人员能够利用这些丰富的客户
18、端和服务器端框架轻松构建以客户为中心的 Web 应用程序,这些应用程序可以集成任何后端数据提供程序、在任何当前浏览器内运行并完全访问 PHP,jsp,asp等应用程序服务。在本系统中,我们将使用Adobe的开发平台Dreamweaver进行代码演练,Dreamweaver是一个功能强大的集成开发环境(IDE),为我们提供了丰富的开发工具。Dreamweaver中重要的工具包括代码编辑器、窗体设计器、编译器、调试器、工具箱、解决方案资源管理器、项目设计器、类视图、属性窗口、对象浏览器、文档资源管理器,等等。2.2.2 数据库开发工具MYSQL SQL是高级的非过程化编程语言,允许用户在高层数据结
19、构上工作。它不要求用户指定对数据的存放方法,也不需要用户了解具体的数据存放方式,所以具有完全不同底层结构的不同数据库系统,可以使用相同的SQL语言作为数据输入与管理的借口。 它以记录集合作为操作对象,所有SQL语句接受集合作为输入,返回集合作为输出,这种集合特性允许一条SQL语句的输出作为另一条SQL语句的输入,所以SQL语句可以嵌套,这使他具有极大的灵活性和强大的功能,在多数情况下,在其他语言中需要一大段程序实现的功能只需要一个SQL语句就可以达到目的,这也意味着用SQL语言可以写出非常复杂的语句。 选择MYSQL的理由:1、普及性 人们常说“成功孕育成功”,这种说法明显非常适合MYSQL的
20、情况。这个开源数据库号称在全世界有超过110万份的完全安装。最近由权威调查机构 Evans数据公司进行的一项调查显示,MYSQL在过去两年已经获得了25%的市场份额。该调查公司还预测,相比其他的开源数据库和闭源数据库,越来越多的开发者将继续选择MYSQL。Evans的总裁John Andrews表示,用户对MYSQL和其他开源数据库的评价正在赶上甚至超过很多专有商业数据库软件。 2、简单性 与其他数据库相比,MYSQL易学易用。 你不用花费很多时间和金钱来培训现有的职工,或者去花大价钱雇用那些拥有各种证书的开发者。因为MYSQL的维护和管理在很大程度上是“傻瓜型”的,这直 接导致了人力成本上的
21、节省,MYSQL的用户Spacemonkey实验室的首席执行官Mitch Pirtle如此表示:“维护MYSQL使得你不需要一个年薪15万美元的DBA,而且使用它开发程序也是非常简单的。”3、低成本 MYSQL数据库归MYSQL AB公司所有,但是这个软件是开源的,有一个社区版可以免费下载。稍俱常识的新入门者都可以轻松实现在一个常见硬件上安装和配置MYSQL。MYSQL对 硬件的较低要求是其最大的优势之一,不过需要注意的是:内存越多越好,因为所有的重要数据存储都在内存中完成。一个免费的数据库意味着,更多珍贵的资金可 以用于其他业务的启动,诸如市场、广告或调研和开发等。 2.2.3 PHP技术
22、PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比,PHP是将程序嵌入到HTML文档中去执行,执行效率比完全生成HTML标记的CGI要高许多;PHP还可以执行编译后代码,编译可以达到加密和优化代码运行,使代码运行更快。 PHP的特性包括:1、开放的源代码。所有的PHP源代码事实上都可以得到。2、PHP是免费的。和其它技术相比,PHP本身免费。3、PHP的快捷性。程序开发快,运行快,技术本身学习快。嵌入HTML:因为PHP可以嵌入HTML语言,它相对于其他语言,编辑简单,实用性强,更适合初
23、学者。4、跨平台性强。由于PHP是运行在服务器端的脚本,可以运行在UNIX、LINUX、WINDOWS下。5、效率高。PHP消耗相当少的系统资源。6、图像处理。用PHP动态创建图像7、面向对像。在PHP4、PHP5中,面向对象方面都有了很大的改进,现在PHP完全可以用来开发大型商业程序。8、专业专注。PHP支持脚本语言为主,同为类C语言。3 系统的需求分析3.1 目前教学网站运营中存在的问题当前许多高校都根据实际情况建设了具有自己特色的教学网站,以加速学校实现教育现代化的步伐。但是在教学网站的运营中,存在很多问题亟待我们解决。譬如网络安全不可靠,网络更新不同步,网络资源匮乏以及不全面,还有不能
24、实现共享及沟通的等。3.2 功能分析3.2.1 系统业务流程C语言教学网站系统的业务流程:在登陆界面上输入用户名和密码,如果填写内容正确,则成功登录,系统自动识别登录用户是教师还是学生,该系统的业务流程图如图3-1所示。教师权限判定?学生结束账号、密码开始管理员用户资料管理,审核新教师浏览教学资料,留言版发言,向老师提问教学资料管理,解答学生问题 图3-1 C语言教学网站系统业务流程图3.2.2 用例模型管理员只能操作管理员模块:管理用户信息,添加教师,留言版留言。管理员例图如图3-2所示。管理用户信息添加教师维护留言图3-2 管理员用例图教师只能操作教师模块:上传教学资料,删除资料,留言,解
25、答学生问题,教师用例图如图3-3所示。上传资料解答维护删除资料留言图3-3教师用例图学生只能操作学生模块:在线学习,下载资料,留言,提问,学生用例图如图3-4所示。在线学习提问维护下载资料留言图3-4学生用例图3.3 可行性分析随着网络人口的增加和计算机技术的发展,人们对网络的需求也越来越贴近其生活,越来越苛刻,电子信息管理系统已经成为一股潮流。而更多的则是要求传统行业的管理要延伸到电子管理,以此来更方便我们的生活、工作和学习。可行性研究是抽象和简化了的系统分析和设计的全过程,它的目标是用最小代价尽快确定问题是否能够解决,以避免盲目投资带来的巨大浪费。可行性研究的目的,就是要在尽可能短的时间内
26、用最小的代价来确定问题是否能够被解决。而要达到这个目的,我们必须要认真分析几种主要的解决方案的利弊,进而判断原定系统的规模和目标是否能够现实,判断系统完成后所能得到的效益是否值得投资开发这个系统。因此,可行性研究实际上就是要进行一次大大简化了的系统分析和设计的过程,也就是在较高层次上用较抽象的方式来进行系统的分析和设计的过程。系统的可行性分析研究主要包括经济上的可行性、技术上的可行性和操作上的可行性。3.3.1 经济可行性 由于本教学网站管理系统所要求的计算机及相关硬件和软件环境(apache+PHP+MYSQL),市场上都容易买到或到相关网站下载,所以系统成本主要集中在本管理系统的开发与维护
27、上,对网站的管理不造成过重的经济负担。而一旦此系统投入使用,不仅可以减少老师的工作强度,提高工作效率,而且方便了老师对信息的管理,延续了传统的管理模式,极大限度的方便了用户,而且,目标系统不是很复杂,开发的周期较短,人员经济支出不大,所节省的大量人力、财力产生的效益将远远大于本管理系统的开发成本,所以从经济方面讲开发此系统是可行的。3.3.2 技术可行性该系统的开发基于B/S模式,主要包括前端应用程序的开发以及后台数据库的建立和维护两个方面。对于前者要求应具备功能完备、易于使用等特点,而对于后者则要求能建立数据一致性和完整性强、数据安全性好的库。本系统拟采用Dreamweaver作为前端和后端
28、的开发工具。开发平台Dreamweaver是Adobe运营的,它是一个功能强大的集成开发环境(IDE),为我们提供了丰富的开发功能。MYSQL作为支持windows、linux等操作系统的数据库,一经推出就以其易用性得到了很多用户的青睐,尤其配合PHP使用,将他们的开源特性发回的淋漓尽致。区别于FoxPro、SQL 2005小型数据库,MYSQL是一个功能完备的数据库管理系统。它包括支持开发的引擎、标准的SQL语言、扩展的特性(如复制、OLAP、分析)等功能。因此从技术方面讲开发此系统是可行的。3.3.3 操作可行性教学网站作为一个教学资源的集散点,是老师和学生更好的进行学习分享的地方。传统的
29、教学网站管理系统,一般有两种方式:一是手工管理,这种方式应用最传统的“笔纸操作系统”,将网站的各种信息等均以纯手工的形式进行,再进行统一保存。这种方式虽然在简单信息查询时会有一定的方便,但是存在着更多的不便,另一种是常见的信息管理方法是应用单机版的管理系统,但是这种系统设计时间较早,很多功能划分很不科学,很多设置已经跟不上时代需求了。该系统规模较大,信息管理经验丰富,单机版的教学管理系统做得较系统较到位,在教学资源信息处理方面做得很精准规范。所以,该系统很有必要,也很有条件做到教学信息的信息化管理,更贴近时代需求。4 系统的概要设计4.1 系统功能设计4.1.1 系统功能结构系统功能结构图如图
30、4-1所示。C语言教学专题网站系统维护学生维护在线学习维护学习资料注册教师维护留言版注册学生学生信息维护审核上传资料学习资料下载在线学习教师答疑图 4-1 C语言教学网站系统功能结构图4.1.2 系统功能简介系统维护:主要包括维护学习资料(对删除资料的删除,上传),注册教师(注册新教师),维护留言版(留言信息的删除)。学生维护:注册学生(注册新学生用户),学生信息维护(对学生信息的审核,删除),审核上传资料(对学生上传的资料审核、删除)。在线学习:学习资料下载(下载选中的相应资料),在线学习(在线文章的阅读,视频的观看),教师答疑(学生向老师提问,然后由老师回答)。4.2 数据库设计在开发基于
31、PHP的C语言教学网站系统之前,分析了解该系统的数据,由于本系统的数据较多,因此选择MYSQL数据库,将数据库命名为cjx,在其中创建了5个数据表用于存储不同的数据信息,数据库设计如图4-2所示。图 4-2 数据库结构图4.2.1 数据库概念设计在开发过程中必须要考虑系统的安全性,不是任何人都可以对系统进行操作的,所以必须在数据库中建立一个用于存储管理系统人员信息的人员信息表,人员的信息实体E-R图如图4-3所示。人员信息表(users)用户名密码邮箱权限注册时间图4-3 人员信息实体表E-R图为了方便系统的管理,不允许直接申请为教师,顾建立教师申请表,储存新申请的教师的信息,以便管理员添加教
32、师到系统,教师申请信息实体表E-R图如图4-4所示。教师申请信息表(jiaoshi)用户名密码邮箱申请时间图 4-4教师申请信息实体表E-R图本系统包括留言版模块,可供游客,学生,教师留言,所以需要建立一个用于存储留言信息的数据表,留言信息实体表E-R图如图4-5所示。留言信息表(liuyan)留言编号内容留言时间留言人员留言对象图4-5留言信息实体表E-R图为了使学生的问题更快的得到答案,需要建立教师答疑模块,涉及到两个数据表,一个用户问题表(如图4-6 问题信息实体表E-R图),一个教师解答表(如图4-7解答信息实体表E-R图)。用户问题表(wenti)问题编号用户名问题题目问题内容提问时
33、间图4-6问题信息实体表E-R图教师解答表(jieda)解答编号解答教师解答内容问题编号解答时间图4-7解答信息实体表E-R图4.2.2 数据库逻辑结构设计根据设计好的实体ER图在数据库中创建各个表,各个表的结构如何如下。(1)users(人员信息表),该表用于存储所有人员的基本信息,其中包括学生和教师(管理员),该表的结构如表4-1所示。表4-1 users列名数据类型长度允许空字段意义useridvarchar20F用户名Passvarchar20F密码emailvarchar50F邮箱permissionvarchar1F权限timevarchar20F注册时间(2) liuyan(留言
34、信息表)该表用于储存留言和回复留言的具体内容,任何人都可留言,该表的结构如表4-2所示。表4-2 liuyan列名数据类型长度允许空字段意义idint100FPRIMARY KEY(回复)留言编号datavarchar600F(回复)留言内容timevarchar20F(回复)留言时间uservarchar20F(回复)留言人员objectvarchar20T回复留言对象(3) wenti(问题信息表)用于存储学生提的问题的具体信息,该表的结构如表4-3所示。表4-3 wenti列名数据类型长度允许空字段意义idint100FPRIMARY KEY问题编号uservarchar20F提问人员w
35、entivarchar50F问题题目neirongvarchar600F问题内容Timevarchar20F提问时间(4) jieda(解答信息表)用于存储教师解答的具体内容,该表的结构如表4-4所示。列名数据类型长度允许空字段意义idint100FPRIMARY KEY解答编号uservarchar20F解答人员jdnrvarchar600F解答内容useridint100F问题编号timevarchar20F解答时间表4-4 jieda(5) jiaoshi(教师申请信息表)用于存储教师申请的具体信息,该表的机构如表4-5所示。表4-5 jiaoshi列名数据类型长度允许空字段意义user
36、idvarchar20FPRIMARY KEY教师用户名passvarchar20F密码emailvarchar30F邮箱timevarchar30F申请时间4.2.3 文件夹组织结构每个项目都会有相应的文件夹组织结构,如果项目窗体的数量很多,那么可以将所有的窗体及其资源放在不同的文件夹中。如果项目窗体的数量不是很多,可以将图片、公共类或者程序资源文件都放在相应的文件夹中,而窗体可以直接放在项目的根目录下,C语言教学网站系统就是按照后者的文件夹组织结构进行排列的,如图4-8所示。图4-8 文件夹组织5 系统主要模块的设计与实现5.1 系统登录模块设计5.1.1 系统登录模块界面系统登录模块主要
37、用于对进入“C语言程序设计”教学网站系统的用户进行安全性检查,以此来防止非法用户登录系统。验证用户输入的登录名及登录密码,如果是系统的操作员则允许登录,如图5-1所示。图5-1 用户登录界面5.1.2 系统登录模块技术分析开发系统登录模块过程中,主要通过用户输入的账号和密码,到数据库中判断登录名称和登录密码是否正确,如果正确,系统会判断当前用户的权限,然后进入不同的操作界面。5.1.3 系统登录模块实现过程本模块使用的数据库表:users。登录模块的实现过程并不复杂,其具体的实现步骤如下:(1)前台中建用于登录验证的表单,新建一个web页面,命名为logon.PHP,用于接收前台传递来的一些信
38、息。(2)前台输入登录用户名,密码和验证码,单击“确认”按钮,登录系统。登录的时候,系统会进行验证,验证通过后,才可以进入下一个页面。(3)判断是何种用户登录系统,予以不同的操作,分为普通用户(学生)和管理员(教师)。5.2 用户注册模块设计5.2.1 用户注册模块界面用户注册模块主要是给那些没有注册的用户使用的,系统限制非注册用户进入。如果想进入系统进行学习,就需要先进行注册,只用通过注册的用户在能登录系统进行学习,如图5-2所示。图5-2 用户注册界面5.2.2 用户注册模块技术分析用户注册模块主的建立过程中,其对于输入的数据需要进行严格的限制。因此,在该模块的建立中用到较多的是表单for
39、m控件中的onsubmit事件,onblur事件,onfocus事件。表单控件form用于获取用户输入。onsubmit事件用于在表单提交是验证表单内容,onblur事件用于当文本框失去焦点是对其中的内容进行验证,onfocus事件用于文本框获取焦点时对其中的内容进行验证。5.2.3 用户注册模块实现过程用户注册模块是由一个html页面和一个PHP页面构成的,用于新用户注册的窗体。如果是非系统用户,需要注册后,才能登录系统。具体实现步骤如下:(1)新建一个html页面,命名为reg.html,即用户注册页面。该页面用到的主要控件有form表单。(2)新建一个web页面。命名为reg.PHP,即
40、后台处理页面。对前台提交的数据进行操。(3)注册按钮点击事件,因为需要对所输入的数据进行验证,所以在用户点击注册按钮时,系统会自动校验数据,必须符合要求,才能插入到数据库中。(4)系统在注册时,会根据用户名,到数据库中查找是否注册过,如果该用户已经注册过,会给用户提示。5.3 留言模块设计5.3.1 留言模块界面留言模块主要功能是使系统具备留言功能,是游客,普通用户,管理员都可以在留言版中交流,但是只有用户才可以回复留言,游客只能够留言和查看留言,若想回复留言必须先注册登录,留言界面如图5-3所示,具体留言信息如图5-4所示,留言回复如图5-5所示。图 5-3 留言界面图 5-4 具体留言界面
41、图5-5 留言回复界面5.3.2 留言模块技术分析该模块只是将用户发表的内容或回复的内容存入数据库,如果是回复的留言,liuyan表中的object键的值就是对象的留言编号。5.3.3 留言模块实现过程(1) 需要一个前台页面,用来输入信息和提交信息,在本系统已经整合到了主页中。(2) 建立一个后台处理留言的web页面,命名为liuyan.PHP,用来接收前台传递过的信息,以及将信息存入到数据库中。(3) 建立一个用来显示留言的页面,view.PHP,用来从liuyan表中读取数据并显示到前台,并且提供供回复留言的form表单。(4) 为接收回复留言的内容,建立huifuliuyan.PHP,
42、接收回复留言的内容并存入数据库。5.4 视频模块的设计5.4.1 视频模块技术分析为健全网站的用户体验,有视频可观看时必不可少的,但是不同的浏览器有不同的内核,对视频的处理也不尽相同,为保持统一性,有必要建立一个视频播放模块。5.4.2 视频模块实现过程视频模块式基于html的视频播放器,从前页接收视频参数,用来播放。(1) 建一个播放器页面,命名为player.html,设置播放器参数。(2) 上页中跳转链接采用get传值方式确定播放器播放的视频。 主要代码如图5-6所示:图 5-6 视频播放源代码5.5 分页类的设计5.5.1 分页类技术分析系统中有很多的视频和文章,有必要将其分页,而且多
43、出用到分页技术,所以需封装为类,多出调用。 要点:根据数据库记录,确定当前页如图5-7: 图 5-7 当前页代码 根据内容输出页码如图5-8: 图 5-8 输出内容代码5.5.2 分页类应用过程(1)新建一个web页面,命名为fenye.class.PHP,其中定义必要函数。(2)在需要调用的地方将其实例化,根据参数的不同,确定调用对象的不用。6 系统测试6.1 使用环境要求 在配置系统前,确保服务器具备以下条件: 开发环境:Windows win 7; 开发工具:PHP; 开发平台:Dreamweaver; 数据库管理系统:MYSQL; 运行环境:linux/win xp/win 7。6.2
44、 测试内容和测试策略本教学网站系统主要选择部分测试模块,测试内容如下:(1)管理员模块测试:添加知识点,修改知识点,删除知识点,学生账户管理,审核学生上传内容,教师答疑。(2)学生模块测试:查看课程描述,查看教学资源,在线学习,留言板留言,向老师提问。该系统采用黑盒测试的测试策略。测试者在程序接口进行测试,它只检查程序功能是否按照需求规格说明书的规定正常使用,程序是否能适当地接收输入数锯而产生正确的输出信息,并且保持外部信息(如数据库或文件)的完整性。6.3 测试内容对本系统做部分模块测试,测试内容见表6-1。表6-1 测试内容序号测试内容测试流程测试结果结论1管理员登陆测试输入登录名称和登录密码显示进入教学网站管理系统(管理员)界面正确2学生登陆测试输入登录名称和登录密码显示进入教学网站管理系统(学生)界面正确3课程描述内容简介显示进入此界面正确教学目的和要求显示进入此界面4教学资源教学课件显示进入此界面正确5在线视频第一课视频显示进入此界面正确第二课视频显示进入此界面6留言板发表留言显示进入此界面正确回复留言显示进入此界面7
©2010-2024 宁波自信网络信息技术有限公司 版权所有
客服电话:4008-655-100 投诉/维权电话:4009-655-100