网站设计与实现论文.doc

泸西二中网站设计与实现家长与学校互动的设计与实现摘要：由于校园网站是校园信息化建设的一个综合信息平台，是学校对内对外的门户网站。学校、教师、学生、家长都可以通过这个综合信息平台了解学校信息、教学科研信息、学习交流信息、家教经验等，还可以畅所欲言发表关于学校建设、教学方法、课程设置、学习体会方面有建设性的建议和意见。基于以上原因，泸西二中也在努力建设这样的一个综合信息平台。泸西二中网站全面宣传，展示学校风采、优点与特色，发布学校的重大活动安排。网站分为7个版块：学校介绍、校园文学、德育园地、校园动态、教育教学、留言板、校务处理。分别详细的说明的各个板块的制作过程，尤其是留言板的设计，分别从代码和界面上详阐述了整个的设计过程。目 录一：前言二：设计思想三：开发工具的选用与介绍1frontpage20002dreamweavermx3active server pages四：网站总体设计与分析五：页面设计与数据库设计1页面设计2数据库设计六：留言板详细设计1留言板功能2组成构造3界面设计与代码设计七：参考文献一、前言：因特网正在改变世界，由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，现在很多的学校和社会其他部门都已经建立了网站，通过计算机网络实现宣传、交流及资源的整合。学校网站是学校的商标。在这个高度信息化的社会里，建立自己学校的网站是最直接的宣传手段。网站的不受时空限制的特性，不仅能让地区内的人们了解学校，更可让世界了解学校。学校网站是实现教育资源分配的桥梁，网络有巨大的教育资源库，它使每一位教师和学生都能均等的得到培训和受教育的机会。极大的提高教学效率。学校网站能提供教学互动的全新方式，学校网站使得教师、家长与学生三者之间的交流有了全新的方式，它不再受到传统课堂的制约。它可以使不同的学校同处一室，共同讨论，共同共享。地理上的界限在这里模糊和消失了，学校网站是真正没有围墙的学校。学校网站能够提供个性化学习的平台，不同的学生理解世界的方式各不相同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。学校网站允许不同的学生沿着自己的途径，按自己的速度接受教育与学习，学生将有机会享受最佳的教育机会，充分发掘自己的内在潜力，培植独特的个性和人性。为了更好的办学，提高学校知名度，特构建泸西二中网站。二、设计思想通过网站，全面宣传，展示学校风采、优点与特色，发布学校的重大活动安排，增强家长与学校之间的联系，在internet上实现完成部分校务，提高办事效率。三、开发工具的选用及介绍1. frontpage 2000frontpage2000是建立和管理专业网站的简易工具。frontpage 2000 的网站创建和管理工具给用户从未有过的全面控制权。用户可以精确的放置每一个元素在网页的任何位置，为网站设定专业的协调的外观，输入和编辑html原代码，使用最新的网页技术，这一切不需要您编写任何程序。frontpage 2000不仅仅可以用来制作网页，用户可以使用它来建设和维护整个网站，更简单的检测，更新你的网站。2. dreamweavermxdreamweaver mx 2004是一款所见即所得的网页编辑工具，它不但能够完成一般的网页编辑工作，而且能够实现过去需要编程才能实现的效果，因此一直以来dreamweaver都是网页制作专业人士的首选工具。既是一个功能强大的软件，又是一个使用简单的网页编辑工具，它的所见即所得的可视化特点，可以使用户不用书写一个代码就能制作出精美的、专业的网页。3. active server pagesactive server pages：“动态服务器网页”，一般简称为“asp”，asp之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的html格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如ie 或netscape）都可以正确地获得asp的“执行”结果，并且将这asp执行的结果直接在浏览器中“浏览”。l 的特点：任何开发工具皆可发展只要使用一般的文书编辑程序，如windows记事本，就可以编辑。当然，其他网页发展工具，例如，frontpage 、dreamwaver等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可能会发生一些意想不到的离奇状态。通吃各家浏览，由于asp程序是在网络服务器端中执行，执行结果所产生的html文件适用于不同的浏览器。语言相容性高asp与所有的activex script语言都相容，除了可结合html，vbscript、java script、active x服务器组件来设计外，并可经由“plug-in（外挂组件模组）的方式，使用其他厂商（third party）所提供的语言。隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因为程序先于网站服务（eb server）端执行后，将结果转换成标准文件，再传送到客户端（client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。易于操控数据库可以轻易地通过dbc(open database connectivity)驱动程序连接各种不同的数据库，例如：acess、foxpro、dbase、oracle等等，另外，亦可将“文本文件”或是”excel” 文件当成数据库用。面向对象学习容易具备有面向对象（bject-oriented）功能，学习容易，提供了六种方便能力强大的内建对象：request、response、sever、application、objectcontext以及session，同时，若使用内建的“application”对象或”session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。l asp的六大内部对象objectcontext 从客户端取得信息将信息送给客户端提供一些web服务器工具储存在一个session内的用户信息，该信息仅可被该用户访问在一个asp-application中让不同的客户端共享信息可以用来配合microsoft transaction 服务器进行分布式事务处理对象名称功能描述request对象用来读取浏览器的信息response对象回复信息给浏览器server对象主要提供对服务器方法和属性的访问objectcontext对象提供在页面内进行事务处理的能力application对象在给定的应用程序的所有用户间共享信息，并在服务器运行期间持久地数据session对象存储特定的用户会话所需的信息所以我选择了asp结合frontpage、dreamweaver架构泸西二中网站。四、网站总体设计与分析泸西二中网站分为7个页面，学校介绍、校园文学、德育园地、校园动态、教育教学、留言板、校务处理。网站结构图如下：1.学校介绍：对学校的基本情况作简单介绍，其中又分为学校介绍和部门设置两块。2.校园文学：其内容包括了我校学生及教师发表的一些文章。3.德育园地：介绍我校的一些德育建设，其中又分为德育活动和德育论文两块内容。4.校园动态：包含领导关怀、校际交流和园丁谱。5.教育教学：包含教育科研、办学成果和教学活动。6.校务处理：包含网上图书馆、学校人事管理等，这一部分还在建设之中。7.留言板：主要用来反馈网站用户（学生家长及学生）的意见、建议，使学校的教育工作与教师的教学工作更好的开展下去。五、页面设计与数据库设计1.页面设计网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色等，对于校务处理及留言板，就得利用与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。主页面的制作：整个页面是由一个三行一列的大表格来定位的。表格的第一行放置了一张图片及一个flash动画。图片是利用二中的标志做的一张抽线图，flash则是一个简单的flash动画，那些闪动的文学是泸西二中的校训。第二行内又插入了一个表格，放置网页内容。第三行用来放置泸西二中的电话以及地址等。一些特色页面的结构图（注：在这些网页当中，都制作了css样式，用图片来代替文字前的列表符号以及超级链接文字不带下划线。）德育园地园丁谱2.数据库设计（留言板）采用的数据库是microsoft access ，拟建立guessbook.mdb库文件，包含如下几个表文件：table1（留言信息表）table2（留言用户信息表）tbale3（回复用户信息表）六、留言板详细设计实现留言板操作，一般需要处理好以下几部分内容：构建留言表彰，接收访问者输入的信息；编写留言的asp程序，处理访问者的留言；制作观看留言的网页，方便访问者查看网站上的留言；在数据库中对留言进行存、取等操作的实现。1.留言板功能：留言者可以对自己的留言进行管理，同时也可以对针对自己的回复留言进行管理。学校老师拥有管理的能力，只要以超级管理员用户名密码登录管理，就可以对全部留言进行管理。用户还可以根据id、姓名、主题等查询相关的留言。2.组成构造共分成六部分意见留言网页index.asp：用来显示家长发言与回复内容。发言表单网页add.asp：让学生家长填写发言内容。用户管理模试网页admin.asp：让发言用户对输入用户名及密码对自己的留言以及相关的回复进行管理。同时还可以对自己的密码都显得修改。删除页面网页delete.asp：让用户对自己留言进行修改或删除操作。查询网页query.asp：可以分别按id、姓名、主题等查询相关的留言。回复留言网页replay.asp：回复留言。下图为留言板组成与流程图：留言板(index.asp)查询言板(admin.asp)管理言板(query.asp)写留言(add.asp)回复留言输入内容输入用户及密码输入条件抱歉，没有符合要求的值显示查询内容普通用户超级用户显示留言删除回复delreply.asp删除回复delreply.asp删除留言delete.asp删除留言delete.asp修改留言edit.asp修改留言edit.asp3.界面设计与代码设计代码设计a.留言板主页制作留言与回复的内容数据全部储存储存在数据库中，要在网页中显示目前的发言与回复数据，必须先进行数据库的链接与打开，要链接数据库我们必须使用ado对象群的connection对象；而要打开数据库则必须使用ado对象群的recordset对象，程序：set conn=server.createobject(adodb.connection)dbpath=server.mappath(guessbook.mdb)conn.open driver=microsoft access driver (*.mdb);dbq=&dbpathset rs=server.createobject(adodb.recordset)rs.open select id,tname,tgender,tnow,temail,thomepage,tsubject,tcontent from table1 order by id desc,conn,1,1rs.pagesize=3count=rs.pagesizerecordset对象是负责浏览与操作从数据库取出来的数据，connection对象只负责与数据库进行链接的动作，并不能使用数据库内的数据，因此必须建立一个可以存取数据库数据的recordset对象，使用rs.open方法存取” guessbook.mdb”数据库。select 指令的筛选语句，其格式为： selectfrom。在sql语言中：“select”数据表中选取某些“栏位”的数据。.如果要选取的数据表数据包含了一个以上的栏位，则我们可以利用“，”逗号来栏位名称隔开。.如果要选取的数据表数据包含了全部的栏位，则可以利用万用字符“*”来代表全部的栏位。程序：b.发言表单网页制作表单的两个参数。表单的action参数：action参数是用来指定server端处理此一表单数据内容的程序，此处表单处理asp程序为“add.asp“，表单的mothed参数：要将表单传送至server端的方式有两种，设置值分别为get及post，若设置为post，则浏览器会等server端来读取数据，若设置为get，则当我们按下送出按钮时，浏览器会立即将表单中的数据内传送出去。利用post方法，在传送的数据上将不受限制，利用get方法传送的数据量则大约只有2k左右。程序： 姓名 密码 性别：男 女 邮箱 主页c.查询留言网页制作查询留言，利用select case语句来控制查询。其基本格式如下：select caseexpressioncase expression-list1statementscase expression-list2statements case elsestatements end selectselect case语句以关键字select case开始，以关键字end select结束。在执行程序的过程中遇到关键字select case，首先计算expression取值(expression是一个可以包含任意字符串及数字的表达式)，然后寻找与expression联欢会相匹配的expression-listi取值。如果这样的取值存在，则执行从case expression-listi开始到下一个case关键字之间的语句，执行完毕，程序跳出select结构；如果这样的取值不存在，则执行case else之后的语句。程序：select case querykeycase 1if isnumeric(key) thensql=select id,tname,tgender,tnow,temail,thomepage,tsubject,tcontent from table1 where id=&key& order by id descelseresponse.redirect query.asp end ifcase 2sql=select id,tname,tgender,tnow,temail,thomepage,tsubject,tcontent from table1 where tname=&key& order by id desccase 3sql=select id,tname,tgender,tnow,temail,thomepage,tsubject,tcontent from table1 where tsubject like %&key&% order by id desccase 4sql=select id,tname,tgender,tnow,temail,thomepage,tsubject,tcontent from table1 where tcontent like %&key&% order by id desccase else sql=select id,tname,tgender,tnow,temail,thomepage,tsubject,tcontent from table1 order by id descend selectd.管理留言网页制作管理留言，分为一般用户管理和超级用户管理。一般用户只可以对自己的留言及他人对自己的回复进行修改、删除操作。而超级用户管理可以对全部的留言及回复进行修改、删除操作。两种用户都可对自己的密码进行修改操作。其主要程序如下：%if request.form(submit2) thenmyname2=request.form(myname2)oldpsw=request.form(oldpsw)newpsw=request.form(newpsw)if myname2 and oldpsw and newpsw thensqlpsw=select tname,tpsw from table2 where tname=&myname2&sqlpswupdate=update table2 set tpsw=&newpsw& where tname=&myname2&set conn=server.createobject(adodb.connection)dbpath = server.mappath(guessbook.mdb)conn.open driver=microsoft access driver (*.mdb);dbq=&dbpathset rs=server.createobject(adodb.recordset)rs.open sqlpsw,conn,1,1if rs.eof and rs.bof thenresponse.write(你肯定搞错了，根本没你的记录)else if rs(tpsw)oldpsw thenresponse.write(旧密码有误，不能更改)elseresponse.write(小心，你的密码已变了)set rs=conn.execute(sqlpswupdate)end ifend ifset rs=nothingconn.closeend ifend if if request.form(submit) thenmyname=request.form(myname)mypsw=request.form(mypsw)sql=select tname,tpsw from table2 where tname=&myname&if myname and mypsw thenresponse.write uinset conn=server.createobject(adodb.connection)dbpath = server.mappath(guessbook.mdb)conn.open driver=microsoft access driver (*.mdb);dbq=&dbpathset super=server.createobject(adodb.connection)set su