计算机科学与技术专业毕业论-文-正-文

计算机科学与技术专业毕业论-文-正-文PAGEPAGE6《计算机网络》精品课程教学网站设计与实现——后台的设计与实现引言当前国内信息化建设飞速发展，体现在教育中就是计算机教育日益得到加强和重视。除了要扩大规模之外，更重要的就是提高质量。计算机网络是当今计算机科学与技术学科中发展最为迅速的技术之一，也是计算机应用中一个空前活跃的领域。21世纪的一个重要特征是数字化、网络化与信息化，而它的基础是支持全社会的强大的计算机网络。近年来，计算机和网络技术飞速发展，其在教学上也得到越来越广泛的应用。课堂之余，学生可以通过网络进行自主学习，互相交流，提高学习效果。《计算机网络》是计算机专业的必修课程，也是考研的主要课程之一。学生需要大量的辅导和及时的沟通与交流。国内虽然有很多教学方面的网站，但是在局域网内专门针对《计算机网络》精品课程的教学网站还比较少见。在课程时间有限的情况下，利用ASP.NET技术、MicrosoftSQLServer数据库技术，充分利用校园网资源，针对《计算机网络》课程建立一个教学网站。基于该课程网站教师可以发布教案、测试题目与批改作业。学生可以完成自学，查看作业及成绩等计算机网络是当今计算机科学与技术学科中发展最为迅速的技术之一，也是计算机应用中一个空前活跃的领域。21世纪的一个重要特征是数字化、网络化与信息化，而它的基础是支持全社会的强大的计算机网络。【1】开发技术及网站简介1.1ASP技术简介[3]ASP（ActiveServerPages）是Microsoft推出的服务器端程序开发技术，它使程序开发人员能够综合利用HTML标记、服务器端脚本以及COM组件，进行动态的、交互式的WEB应用程序的快速开发。ASP并不是一种编程语言，而是一种服务器端脚本程序的执行环境，也就是说ASP程序的开发是独立的（尽管最常用的是VBScript和Jscript两种脚本语言）。ASP内置了这两种脚本语言的解释器，提供了丰富的内置对象来进行WEB服务器端程序的开发。可以说ASP就像一个汽车框架，它可以让用户把传统的HTML、客户端脚本、服务器端Jscript代码和COM组件组合成一个功能强大的汽车。ASP的最新版本是3.0，没有后续版本。这个版本集成在Windows2000及以后版本中[2]。ASP使用的ActiveX技术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的Web编写工具所远远不及的地方。以下罗列了ASP所独具的一些特点:(1)使用VBScript、JavaScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。(2)无须编译，容易编写，可在服务器端直接执行。(3)使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。(4)与浏览器无关，用户端只要使用可执行HTML码的浏览器，即可浏览ASP所设计的网页内容。ASP所使用的脚本语言(VBScript.JavaScript)均在Web服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。(5)内置功能强大的对象和组件。这使开发人员能够利用它们快速地建立功能强大的Web应用程序。(6)ASP的源程序，不会下载到客户浏览器，因而可以避免所写的源程序被他人到窃，也提高了程序的安全性。器上生成的，因此不必担心浏览器能否处理脚本。Web服务器会完成所有脚本的处理，并将标准的HTML页传送到浏览器。由于只有ASP程序脚本的结果返回浏览器，所以用户看不到ASP程序脚本命令。开发ASP需要有1个web服务器、1个应用程序服务器、1个数据库和1个用来驱动数据库的驱动程序。表1-2是在SQLServer数据库下开发ASP的典型配置。表1-2开发ASP的典型配置操作系统Web服务器应用程序服务器数据库驱动程序Windows95/98或windowsNT工作站本地运行的psw本地运行的pswSQLserver驱动程序(ODBC)WindowsNTserver或windows2000本地运行的IIS本地运行的IISSQLserver驱动程序(ODBC)Macintosh远程运行的IIS本地运行的IISSQLserver驱动程序(ODBC)2．数据库详细设计2.1数据库需求分析《计算机网络》精品课程教学网站设计了几个模块:学生登录在线学习，下载资料上传作业，教师发布作业、更新教学资料包括备课笔记、电子课件、在线教学视频、课程教案等功能。并且在首页上，所有的主菜单一目了然，学生可以选择自己需要的子菜单进入。从“实用”这一标准出发，需组织良好的导航结构，这样能很方便地进入各个模块页面，而且各个页面也能很方便地返回主索引页，同时多媒体多个页面之间也有良好的超链接结构可进行切换。根据这一需求，我们设置了6个数据库信息表。2.2数据库具体设计[9]该系统主要运用了数据库Access与ASP整合的开发技术。Access是Microsoft

Office9套件的重要组成部分，Access用以存贮和管理商务活动所需要的数据。Access不仅是一个数据库，而且它具有强大的数据管理功能，它可以方便地利用各种数据源，生成窗体（表单），查询，报表和应用程序等。该网站后台数据库建立了6个表，分别是admin、teachertable、student、tasktable、document、testtable.管理员可以不断地更新各个表的内容。以下为前五个表的部分信息：表3-1管理员表adminidnamepassword2admin1234567admin12009表3-2为教师表teachertableidnamesexstarschoolintroduceaddressphoneemail8黄兵男副教授清华大学网络中心9李明智男副教授中科大网络教研室10王梅女讲师安徽大学网络教研室11宋艳丽女副教授合工大网络中心表3-3为学生表studentxmbjxbpasswordxh小090女123123456张三05师范男1232001李四05师范男1232002齐青05师范女1232057王华05师范女1232081图3-4习题表tasktableidgetfilenamesavefilenameupdate34习题一.doc200946081809.doc2009-4-635习题二.doc200946081944.doc2009-4-636习题三.doc200946082130.doc2009-4-637习题四.doc200946082210.doc2009-4-638习题五.doc200946082254.doc2009-4-6图3-5文件下载表documentidgetfilenamesavefilenameupdate45【实验指导】实验.doc实验.doc2009-4-649【教程】计算机网络教程.ppt200946084223.ppt2009-4-650【教学大纲】教学计划.doc教学计划.doc2009-4-62.3数据库连接技术每个ASP文件在访问数据库时，都需要对访问数据库的参数及方式进行设置，为了更加方便的访问数据库，同时也为了节约代码的空间，因此将访问数据库相关的参数定义和访问方式写成文件conn.asp，该文件存储访问数据库的参数定义。代码如下：Setconn=Server.CreateObject("ADODB.Connection")conn.open"DRIVER={MicrosoftAccessDriver(*.mdb)};DBQ="&server.mappath("edu.mdb")&";"当系统某一页面需要连接数据时，使用<!--#includefile="conn.asp"-->函数就可以连接数据库。在本系统中将大量使用该函数，以提高代码编写效率。3教学网站分析与设计[10]3.1教学网站特点分析精品课程教学网站是指基础教育阶段，具有学校、教师和学科鲜明教育教学特色，由学校或学科教师建设的，体现某课程教师教学、学生学习活动为核心的网站。该教学网站的宗旨是培养学生利用信息技术的意识和能力，促进信息技术与学科课程的整合，逐步实现教学内容的呈现方式、学生的学习方式、教师的教学方式和师生互动方式的变革，充分发挥信息技术的优势，为学生的学习和发展提供丰富多彩的教育环境和有力的学习工具，它的主要特点如下：一、能够提供丰富的教学资料，方便学生学习；二、能够为课程教师提供网站管理的能力，如学生的注册，对网站的相关信息进行有效管理（增加、删除、修改）；三、能够提供在线测验、在线作业提交和批改等，实现师生互动；四、能够为学生、教师提供相应的信息存储能力，教师可以将教学信息、教学参考资料、教案和课件较方便地发布到网站中，学生可以将自己的作业或自己收集到的学科资料方便地发布到网站中。五、能够提供相关信息的下载，如相关教学资料、软件、课件等；六、能够提供一定的安全机制，提供数据信息的授权访问，防止随意删改。

3.2教学网站可行性分析

随着高校的校园网的建成和使用及Internet的普及，使学生在不同时间不同地点进行学习和交流成为可能，这也说明开发一个小型的教师教学系统是可行的。主要体现在以下三的方面。（1）技术上可行采用asp结合javascript脚本语言开发一个小型的教师教学系统，能够完成课题的设计目标。（2）经济上可行一台普通的pc就可以作为教师教学系统的服务器，也可以将教师教学系统作为一个模块移植到一个正在运行的web服务器中，只站用很少的资源。(3)操作上可行做为一个小型的系统，它不需要专人维护，一名老师在空闲时间就可以进行维护，由于本系统提供的服务简单，设计完成后，基本上不需要维护。3.3教学网站各模块功能实现课程介绍：该部分内容详细的介绍了《计算机网络》精品课程。学生登录后点击“课程介绍”，即可看到相关介绍。点击“下一页”，可以看到一个完整的《计算机网络》精品课程介绍。这对于初次学习该课程的学生来说，具有重要的作用和指导性的帮助。教学团队：学生登录后点击“教学团队”，可以看到《计算机网络》精品课程老师们的一些简介，包括个人基本信息、在国内外公开发表的论文等等介绍。教学资料：学生登录后点击“教学资料”，可以轻松下载该课程的全部教学资料，这样即实现了在线教学，也让学生在学有余地的情况下，充分调动了他们的学习积极性。强化练习：学生无论何时何地均可以通过访问教学网站来进行练习。在线测试：学生在完成规定的上课内容后，点击“在线测试”既可以检测所学的内容，也可以巩固学过的知识。起到很好的强化基础功效。管理登录：教师可以通过该模块更新作业、课件、教学视频、测试题等。图3-1管理员模块图管理员列表管理员列表添加管理员添加教师管理教师查看教学资料上传教学资料浏览作业发布作业查看题库添加试题管理员管理管理教师信息管理首页课程介绍教学管理学生作业管理在线考试管理管理员模块管理4网站后台设计【10】利用ASP开发工具与Access数据库技术实现对网页数据全面高效的管理，实现对各个功能模块的日常更新维护，从而轻松方便的完成整个网站的管理工作。系统采用B/S结构，在IIS平台和Access2000数据库的支持下开发。使用ASP作为系统开发的语言，它作为一种应用近十年的成熟的网络编程语言，提供完善的指令控制语句，给开发高性能系统提供了有利保障，为开发满足客户要求的系统，保证了代码的模块化要求，而代码模块化的提高，非常有利于以后对新系统的扩展与修改。4.1管理员登录模块通常网站为了管理上方便而提供有网站后台管理功能，登录管理的人一般成为管理员。管理员登录的页面和验证管理员账号的页面称为管理员登录模块。本章中管理员的账号和密码分别为为admin和123456。4.11管理员登录1.login.asp管理员登录页面示例管理员登陆时所看到的页面如图4-1所示管理即教师，没有超级管理员。登陆页面需要输入正确的用户名和密码。图4-1管理员登录页面4.12验证管理员账号1.管理员登录验证页面示例管理员登录错误时系统会打开如图所示的对话框。图4-2管理员登录错误图4-3管理员登录密码错误强行进入登录页面显示信息如图图4-4强行进入登录页面管理员登录成功时会进入如图5-5所示的页面图4-5管理员登录成功2.管理员登录时，设置了针对用户名和密码输入正确与否等权限问题，只有输入正确的用户名和密码才能进入后台管理界面，验证代码分析<!--#includefile="Inc/outconn.asp"--><%dimusername,tp,rs,sql username=trim(request.Form("username")) passw=trim(request.Form("password")) tp=trim(request.Form("type")) iftp="student"then'setrs=server.CreateObject("adodb.recordset") 'sql="select*fromstudentwherename='"&username&"'"'rs.opensql,conn,1,3 'ifrs.eofandrs.bofthen 'errormsg="不存在该学生!"%><scriptlanguage="javascript"><!-- alert("不存在该管理员，请更改"); window.history.back();--> </script> <%'response.End()' else' ifpassw<>rs("password")then' errormsg="用户密码错误!"%>4.2管理员管理后台设计管理员管理后台设计实现了管理员列表和管理员的添加、删除和增加操作，允许添加多个管理员，初始管理员只有一个，但不是超级管理员，因为考虑到课程介绍网站的针对性，没有涉及管理权限问题，初始管理员可以使教务秘书或领导，如果想添加管理员只能有初始管理员来做，所以初始管理员没有删除操作。4.21管理员列表图可以看出列表中分别涉及了编号，管理员名字，密码和操作四项，管理员和密码可以任意设置。图4-6管理员列表4.22管理员添加图可以任意的添加管理员和设置密码，当然也可以取消相应的操作。图4-7管理员添加4.23如果对设定的管理员和密码不满意，可以对其任意修改，选择修改操作，出现一个管理员管理列表，把名字和密码设为自己满意的以后，点击修改就完成操作。当然删除和增加功能也是如此。管理员修改、删除、增加代码以及数据库操作<%'增加 Content=Trim(Request.Form("Content1")) setrs=server.createobject("adodb.recordset") ifContent<>""then SelectCaseTrim(Request.QueryString("flag")) Case"edit" sql="SELECT*FROMclassinfotable" rs.opensql,conn,1,3 rs("content")=Content rs("date")=date() rs.update Caseelse sql="SELECT*FROMclassinfotable" rs.opensql,conn,1,3 rs.addnew rs("content")=Content rs("date")=date() rs.update EndSelect Response.Redirect("classintroduce.asp")EndIf'修改 IfTrim(Request.QueryString("flag"))="edit"Then setrs=server.createobject("adodb.recordset") sql="SELECT*FROMclassinfotable" rs.opensql,conn,1,1 content=rs("content") rs.close setrs=nothing EndIf%>4.3课程介绍后台管理课程介绍在精品课程网站中很重要，其体现了课程建设的重要性，学科发展方向和实现目标。4.31课程介绍显示界面如下图所示图4-74.32课程介绍编辑界面如下图所示图5-8修改提供了强大的web编辑器，编辑器内容多样化，操作功能齐全，给用户提供了发挥的空间，可以对内容和背景任意修改，对字体和字号，段落样式可以任意设置，使用方便。4.4教师信息管理后台设计教师信息管理在精品课程网站中也很重要，整个教师队伍可以展现我们课程建设的实力，对课程教师的介绍可以成分展示课程建设的成果和师资队伍以及评估，能够让学生对我们的老师有一个好的了解，提供了师生交流的一个平台。4.41管理教师界面打开以后，出现如下列表，操作栏中设有修改，删除和增加功能，可以对教师信息任意调整修改。图4-94.42添加教师显示页面如下添加教师模块要求录入教师信息，这些信息的添加同样提供了一个web编辑器，可以任意添加其中的内容，充分展示各个教师的具体情况，方便学生了解老师，加强了学生和老师的交流。图4-104.5教学管理后台设计教学管理可以体现我们整个课程的一个教学质量管理制度，教学资料是否丰富，适用，是否符合学生的要求，激发学生的兴趣都是要考虑的关键，网站上传了实验指导，教学大纲和ｐｐｔ教程，本学期的主要学习内容详细明了，方便学生学习，实现了资源共享，各个资料类型通过标签区分开来，方便学生浏览下载。4.51教学管理中主要的教学资料列表如下图4-114.52教学管理上传教学资料如下图所示图4-12上传资料要注意的问题是：文件要规范，加上用以区别文件类型的标签，以方便浏览。此功能通过如下代码实现<%''将当前的日期和时间转为文件名functionmakefilename()dimfnamefname=now()fname=trim(fname)fname=replace(fname,"-","")fname=replace(fname,"/","")fname=replace(fname,"","")fname=replace(fname,":","")fname=replace(fname,"PM","")fname=replace(fname,"AM","")fname=replace(fname,"上午","")fname=replace(fname,"下午","")makefilename=fnameendfunctiondimupload,file,formName,formPathdimi,l,fileType,newfilename,filenamelist'创建新文件名称newfilename=makefilename()'建立上传对象setupload=newupload_5xsoft'上传文件目录formPath=Server.mappath("updatefile")&"/"'列出所有上传了的文件foreachformNameinupload.objFile'生成一个文件对象setfile=upload.file(formName)'如果FileSize>0说明有文件数据iffile.FileSize>0then'取得文件扩展名fileType=file.FileName'文件名以及扩展名i=instr(fileType,".")'是否存在“.”l=Len(fileType)ifi>0thenfileType=Right(fileType,l-i+1)'得到扩展名endifnewfilename=newfilename&fileTypesetrs=server.CreateObject("adodb.recordset")sql="select*fromdocument"rs.opensql,conn,1,3rs.addnewrs("getfilename")=file.FileNamers("savefilename")=newfilenamers("update")=date()rs.updatesetrs=nothingfilenamelist=formPath&newfilename'新文件绝对地址和名称file.SaveAsfilenamelist''保存文件endifsetfile=nothingnext'将文件信息传入内容字段setupload=nothing''删除此对象%>4.6学生作业管理后台设计与分析每一个精品课程网站都需要上传一些习题供学生练习，以便学生及时了解学习的效果，巩固学生学习内容，习题要有针对性，并不断更新习题测试内容。4.61浏览作业显示页面如下图4-134.62作业发布后台显示界面图4-14此功能通过以下代码实现<%''将当前的日期和时间转为文件名functionmakefilename()dimfnamefname=now()fname=trim(fname)fname=replace(fname,"-","")fname=replace(fname,"/","")fname=replace(fname,"","")fname=replace(fname,":","")fname=replace(fname,"PM","")fname=replace(fname,"AM","")fname=replace(fname,"上午","")fname=replace(fname,"下午","")makefilename=fnameendfunctiondimupload,file,formName,formPathdimi,l,fileType,newfilename,filenamelist'创建新文件名称newfilename=makefilename()'建立上传对象setupload=newupload_5xsoft'上传文件目录formPath=Server.mappath("task")&"/"'列出所有上传了的文件foreachformNameinupload.objFile'生成一个文件对象setfile=upload.file(formName)'如果FileSize>0说明有文件数据iffile.FileSize>0then'取得文件扩展名fileType=file.FileName'文件名以及扩展名i=instr(fileType,".")'是否存在“.”l=Len(fileType)ifi>0thenfileType=Right(fileType,l-i+1)'得到扩展名endifnewfilename=newfilename&fileTypesetrs=server.CreateObject("adodb.recordset")sql="select*fromtasktable"rs.opensql,conn,1,3rs.addnewrs("getfilename")=file.FileNamers("savefilename")=newfilenamers("update")=date()rs.updatesetrs=nothingfilenamelist=formPath&newfilename'新文件绝对地址和名称file.SaveAsfilenamelist''保存文件endifsetfile=nothingnext'将文件信息传入内容字段setupload=nothing''删除此对象%>4.7在线考试管理后台分析题库管理按章节管理，每章中提供了对试题修改，删除，增加操作，每章都针对性的添加了考试试题，及时对学生进行网上测验，让学生自己了解学习的程度，激发学生学习的动力和兴趣，4.71题库列表如下图所示图4-154.72添加试题界面如下图4-16主要试题管理、添加、删除功能通过以下代码实现<%'增加dimcha(30) cha(1)="一" cha(2)="二" cha(3)="三" cha(4)="四" cha(5)="五" cha(6)="六" cha(7)="七" cha(8)="八" cha(9)="九" cha(10)="十" cha(11)="十一" cha(12)="十二" cha(13)="十三" cha(14)="十四" cha(15)="十五" cha(16)="十六" cha(17)="十七" cha(18)="十八" cha(19)="十九" cha(20)="二十" cha(21)="二十一" cha(22)="二十二" cha(23)="二十三" cha(24)="二十四" cha(25)="二十五" cha(26)="二十六" cha(27)="二十七" cha(28)="二十八" cha(29)="二十九" cha(30)="三十"id=Trim(request.QueryString("id")) ch=Trim(request.QueryString("chap")) flag=Trim(request.QueryString("flag")) ifch<>""then chap1=ch else chap1="" endif title=Trim(Request.Form("title")) option1=Trim(Request.Form("option1")) option2=Trim(Request.Form("option2")) option3=Trim(Request.Form("option3")) option4=Trim(Request.Form("option4")) option5=Trim(Request.Form("option5")) answer=trim(request.Form("answer")) chap=trim(request.Form("chap")) setrs=server.createobject("adodb.recordset") iftitle<>""andoption1<>""andoption2<>""then SelectCaseflag Case"edit" dd=trim(request.Form("id")) sql="select*fromtesttablewhereid="&dd rs.opensql,conn,1,3 ifoption1=""oroption2=""oroption3=""oroption4=""oranswer=""then response.Write("<bodybackground=../images/webback.jpg><br><palign=center><fontcolor=redsize=+2>选项前四个以及答案必填!</font></p></body>") response.End() endif rs("title")=title rs("option1")=option1 rs("option2")=option2 rs("option3")=option3 rs("option4")=option4 ifoption5<>""then rs("option5")=option5 endif rs("answer")=answer rs("chap")=chap rs.update rs.close Case"add" sql="SELECT*FROMtesttable" rs.opensql,conn,1,3 rs.addnew rs("title")=title rs("option1")=option1 rs("option2")=option2 rs("option3")=option3 rs("option4")=option4 ifoption5<>""then rs("option5")=option5 endif rs("answer")=answer rs("chap")=chap rs.update rs.close EndSelect Response.Redirect("examlist.asp?chap="&chap)EndIfifTrim(Request.QueryString("flag"))="edit"then ifid<>""then flag="edit" sett=server.CreateObject("adodb.recordset") sql="select*fromtesttablewhereid="&id t.opensql,conn,1,3 title=t("title") option1=t("option1") option2=t("option2") option3=t("option3") option4=t("option4") option5=t("option5") answer=t("answer") chap1=t("chap") endif elseifTrim(request.QueryString("flag"))="add"then flag="add" title="" option1="" option2="" option3="" option4="" option5="" answer="" endif'修改%>试题列表<%dimrs,sql,content,i,rt,id chap=trim(request.QueryString("chap")) ifchap<>""then setrt=server.CreateObject("adodb.recordset") sql="select*fromtesttableorderbysavechapnameAscwherechap='"&chap&"'" rt.opensql,conn,1,3 whilenotrt.eof rt.delete rt.movenext wend rt.close setrt=nothing setty=server.CreateObject("adodb.recordset") sql="select*fromtesttable" ty.opensql,conn,1,3 ifty.recordcount=0then response.Redirect("examshow.asp?fleg=add") else response.Redirect("examchap.asp") endif ty.close setty=nothing endif%><%setrs=server.createobject("adodb.recordset") sql="selectdistinctchapfromtesttable" rs.opensql,conn,1,3 rs.pagesize=2 page=CLng(request.QueryString("page"))'处理无效页面ifpage<1thenpage=1endififpage>rs.pagecountthenpage=rs.pagecountendif%>5．系统测试与维护5.1系统测试该网站运行要求系统安装IIS信息服务器。IIS目前最新的版本是6.0，在Windows2003Server操作系统中默认安装。如果没有安装Windows2003，可以选择IIS5.0或者IIS5.1，他可以在WindiwsXP或者Windows2000操作系统中可以安装。1、下面介绍Windowsxp+IIS的安装方法:（1）将windowsxp的系统安装盘插入光盘驱动器。（2）在windows桌面上选择“开始”--“设置”--“控制面板”菜单命令打开“控制面板”窗口，然后在“控制面板”窗口中双击“添加/删除程序单击“添加/删除windows组件”选项，在弹出的“windows组件”向导中选中“nternet信息服务（IIS）”选项，单击下一步按钮，windows组件向导将对计算机进行配置，单击完成按钮完成IIS的安装。2、设置ASP服务器打开“程序”“控制面板”“管理工具”“Internet信息服务”，出现“Internet信息服务”窗口，点击左边“本地计算机“旁边的加号，出现“网站”和“默认SMTP服务器”，接着点击“网站”，出现