校园网站的设计与实现.docx

1、校园网站的设计与实现摘 要在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，特构建城关第一小学学校网站。建立校园网站的基本过程可以分为以下七个环节 :1 了解中国网络学校网站的研究背景与发展现状2 系统需求分析与总体

2、设计3 熟悉网站开发模式、工具及环境4把想要展示的内容制作成网页。5 使用动态网页技术(ASP) ，实现动态内容更新。6 认真地选取测试用例，进行交叉测试7 网站的后期完善、宣传及发展方向其中 ,网页制作和使用动态网页技术(ASP) 实现动态内容更新是网站开发的核心内容。关键词：网页、制作、访问、链接目 录第一章：诸论.111 设计思想112 开发工具的选用及介绍.1第二章：网站总体分析与设计 221网站系统分析.222、主页设计 323、数据库设计 4第三章：详细设计 431 家长学校联络簿432 网上图书馆 113.3 网上评优投票系统 2034达级考试在线查分系统与计数器的制作22.第四

3、部分：系统的使用说明与安装 25第五部分：参考文献： 26附录：源文件代码 27 第一章 诸论在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，特构建城关第一小学学校网站。1 1 设计思想通过网站，全面宣传，展示学校

4、风采、优点与特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率。1.2 开发工具的选用及介绍ASP的优势：Active Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 javascript是在客户端（Client）的浏览器上执行，若使

5、用VBScript来设计程序，客户端（lient）在浏览器中可以显示程序执行的结果，可是，客户端（lient）若使用Netscape浏览器就无法显示VBScript的执行结果。的特点：任何开发工具皆可发展,只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 rontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可能会发生一些意想不到的离奇状态。通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。语言相容性高ASP与所

6、有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因杰程序先于网站服务（eb Server）端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。易于操控数据库可以轻易地通过DBC(Open Database Connectivit

7、y)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，亦可将“文本文件”或是”Excel” 文件当成数据库用。面向对象学习容易具备有面向对象（bject-Oriented）功能，学习容易，提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用内建的“Application”对象或”Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。ASP的六大内部对象对象名称 功能描述RequestResponseServerSessionApplication

8、ObjectContext 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理所以我选择了ASP结合Frontpage架构长沙市工商职业中专学校网站第二章 网站总体分析与设计21网站系统分析根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：l 学校风采 通过学校概括、教师风采、校园之星及部分图片等内容来展现。优点特色 通过新闻、生动活泼的教育教学栏

9、目来展现。信息发布 通过公告栏、信息查询等栏目来实现，内容有招生政策、 活动安排等。部分校务 根据校务的公开程度与参与人数的多少，特选择评优、家校联系、收支情况、重大事件四大校务在网上实现。2.2主页设计网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息发布，对于四大校务，就得利用与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。23数据库设计采用的数据库是Microsoft Access ，拟建立teach.mdb库文件，包含如下几个表文件：allmessage 留言信息表Libbooks

10、 图书信息表Libcategories 图书类别信息表Libemps 图书馆用户信息表；stud 学生信息表第三章 详细设计31 家长学校联络簿311功能：利用SQL语法过滤特定的家长留言意见，让老师可以针对某位特定学生家长所发表的意见作出独立的回答，同时，家长在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来让大家看到，当然，老师拥有管理的能力，只要以密码登录管理模式，就可以进行各个学生家长的单独意见回复，而且还能看到家长们所留下的“悄悄话”。312组成构造共分成六大部分：1， 意见留言结果网页guest.htm

11、：用来显示家长发言与老师回复内容，同时还具备一般模式与管理模式两种显示方法。2， 家长发言表单网页addmsg.htm：让学生家长填写发言内容并选择发言性质。3， 家长发言数据处理ASP程序add.htm：处理家长发表的意见数据，同时将这些意见数据记录起来并将网页显示转向至意见留言结果网页。4， 老师回复表单网页teachans.htm：让老师针对某位特定学生家长所发表的意见作出独立的回答。5， 老师回复数据处理ASP程序anssave.htm：处理老师回复的数据内容，同时将这些意见数据起来并将网页显示转向至意见留言结果网页。6， 数据表文件allmessage：用来储存家长发言数据与老师回复

12、数据的Access类型数据库文件。“数据表文件”负责存放家长发言数据与老师回复内容的数据记录，为Access类型的库文件，将它定名为：“message.mdb”。下图为家庭联络簿的组成与流程图：老师回复 家长留言 读入 写入写入313数据库结构设计数据库文件”teach.mdb“中的数据表” allmessage“的栏目设置，如下图：字段名 字段类型314界面设计与重点、难点代码的设计数据库与留言显示程序网页家长发言与老师回复的内容数据全部储存在数据库中，要在网页中显示目前的家长发言与老师回复数据，必须先进行数据库的链接与打开，要链接数据库我们必须使用ADO对象群的Connection对象；而

13、要打开数据库则必须使用ADO对象群的Recordset对象，程序：set cn=server.createobject(adodb.connection) cn.open filedsn=c:program filescommon filesodbcdata sourcesms access database.dsnset rs=server.createobject(adodb.recordset)sql=select * from allmessage order by 留言时间 descrs.open sql,cn,1,1Recordset对象是负责浏览与操作从数据库取出来的数据，Con

14、nection对象只负责与数据库进行链接的动作，并不能使用数据库内的数据，因此必须建立一个可以存取数据库数据的Recordset对象，使用RS.Open方法存取”teach.mdb”数据库RS.Open SQL,CN,1,1使用open方法来打开数据表或执行Select指令参数设置如下：1， 参数一（SOURCE）:为欲打开的数据表或SQL指令。2， 参数二（ActionConnection）:指定一个已打开的数据库对象，将此参数设为链接我们已经建立好的Connection对象“CN”。3， 参数三（ CursorType）：指定Recordset的打开类型，1为可读写且可自由移动。4， 参数

15、四（LockType）:指定锁定类型，1为只读。数据排序与SQL指令1 Select 指令的筛选语句：格式： SelectFrom在SQL语言中：“Select”数据表“中选取某些“栏位”的数据。2.如果要选取的数据表数据包含了一个以上的栏位，则我们可以利用“，”逗号来栏位名称隔开。3 如果要选取的数据表数据包含了全部的栏位，则可以利用万用字符“*”来代表全部的栏位。可排序数据的Select指令1 当我们希望被选取出来的数据记录数据能够依据某个或某几个栏位的内容来排序时，只要将这些排序依据的栏位摆放在“Order By“保留字之后，然后将这处排序的语句连接在”SelectFrom“后面就行了。

16、2 “Order By“默认的排序方式是“由小排到大”，但若是希望排序方式是“由大排到小”，则我们可在栏位名称后再加上“Desc“保留字！将排序方式改为”由大排到小“。在“显示留言意见”网页中的打开数据库ASP程序中的语句：SELECT*From allmessage order by 留言日期 Desc功能为：从数据表“allmessage“中取出所有栏位的数据，并将取出的数据记录内容依照”留言日期“栏位使用的”由大排到小“排序方式进行排序。留言显示网页的管理模式“显示留言意见”的网页就必须具备显示模式选择的功能，当显示模式在一般情况时要能显示家长们的一般性发言，同时还得将“悄悄话“的发言隐

17、藏起来。当老师以密码登录成为管理模式时，则必须将一般性发言与悄悄话发言的数据全部显示出来，同时还得让老师们可以针对某位特定学生家长所发表的意见作出独立的回答。这两个情况是通过密码登录管理模式的ASP程序实现的： 密码：   在这段网页语句中，利用Session对象来记录目前的工作模式。当我们第一次进入“显示留言意见”网页的时候，我们所见的网页画面一定是一般！因为Session尚未被建立，因此它的“变量”值一定不会是“yes”，所以网页中会出现一个输入密码进入“教师管理”模式的栏位，只有当我们输入密码按下“教师管理”的按钮组织上发ASP程序中的进入管理模式语句后，Session对

18、象才会被建立，同时，“checkedit“Session对象变量值被设置为“yes“，所以我们就进入了能将一般性发言与悄悄话发言的数据全部显示出来，同时还让教师们可以针对某位特定学生家长所发表的意见作出独立回答的管理模式页面。留言显示网页的分页当家长的发言与老师回复的数据笔数太多时，一次要将全部的数据内容显示在网页中，等待网页下载的时间太长了，因此采用固定笔数分页浏览方式来显示网页。要进行分页显示，得先知道目前有多少笔的留言数据，而留言数据笔数可以通过Recordset对象的“Recordcount“（记录个数）属性得知，我们将每10笔数据为一单位分页显示：count=rs.recordcou

19、ntif count/10(count10) thentotalpage=(count10)+1else totalpage=(count10)end if“/”为浮点数除法，“”为整数除法。跳页选择的ASP程序语句所有的发言数据采用固定笔数分页浏览的方式来显示后，还要提供一个跳页链接显示的功能，让浏览者可以选择希望浏览的页次进得浏览，ASP程序语句：pagecount=0rs.movefirstif request.querystring(topage) then pagecount=cint(request.querystring(topage)if pagecounttotalpage

20、then pagecount=totalpagers.move(pagecount-1)*10发言表单网页制作inse tu3表单的参数表单的Action参数：Action参数是用来指定Server端处理此一表单数据内容的程序，此处表单处理ASP程序为“add.htm“，表单的Mothed参数：要将表单传送至Server端的方式有两种，设置值分别为GET及POST，若设置为POST，则浏览器会等Server端来读取数据，若设置为GET，则当我们按下送出按钮时，浏览器会立即将表单中的数据内传送出去。利用POST方法，在传送的数据上将不受限制，利用GET方法传送的数据量则大约只有2K左右。留言处理

21、程序要将家长发言数据作后续处理及将这些数据内容存入数据库，须利用添加数据记录的Insert Into 指令，然后再写入数据库文件中：Inset into 指令语句格式：Insert into 数据表名 （栏目名） values（栏目值）sql=insert into allmessage(家长姓名,留言主题,联络信箱,留言内容,私人公开,留言时间,班级) values(sql=sql& parent&,sql=sql&subject&,sql=sql&email&,sql=sql&memo&,sql=sql&personal&,sql=sql&now&,sql=sql&bj&)cn.execu

22、te sql回复表单程序网页必须让老师们可以针对某位特定学生家长所发表的意见作出独立的回答,使用SelectFromWhere筛选语句sql=select * from allmessage where(编号=&ID&)rs.open sql,cn,1,3然后将特定的家长发言数据放在表单，方法是将数据库中的数据取出来，然后放在表单栏位中：“家长姓名“栏位网页语句标签“留言主题“栏位网页语句标签“留言内容“栏位网页语句标签老师在回复栏位中所填入的数据，必须送给处理老师回复数据的ASP程序”anssave.htm”来记录以及处理这些回复数据。当老师填写好回复发言的数据后按下“送出回复”按钮后，表单

23、中的数据内容就会以“POST”的方式由SEVER端读取，然后将数据内容交由处理老师回复数据的ASP程序“anssave.htm”来将数据内容写入数据库。32网上图书馆网上图书馆将学校图书馆图书放到网络上供人借阅，这样不仅方便了校内的学生与教职员工使用图书馆的资源,还为图书馆管理员提供了一种简便地管理图书馆的方法.321功能网上图书馆系统可以进行图书的出借和归还.还可以在系统中按照多种字段对图书进行查找,还可以浏览某个种类的所有图书.该应用程序也为图书馆管理员提供了一些功能,如添加、编辑以及删除图书等，或者在分类层次结构中添加新的种类。322系统的层次结构下图的每个方框代表校园图书馆网站中的一个

24、页面。除了只包含的Search页面外，其他的均为页面。因为每个图书的页面都不同，所以大多数的页面实际上都是多页面。3.2.3数据库设计本系统共使用个数据表：LibBooks表包含与图书有关的所有数据。该表中的字段内容的图书的通用信息。另外，对于已经出借的图书，该表中还包含借阅该图书的用户的号，以及图书的状态。表视图如下：字段名 意义 字段类型 字段名 意义 字段类型bookid 书号(主键) 数字 (no null) status 状态 文本title 书名 文本 checkedoutto 用户id 数字author 著者 文本 reservedby 用户学号 数字Subject 主题 文本

25、description 描述 文本Isbn Isbn号 文本 keywords 关键字 文本LibCategories 表包含Library中的所有类别，在访问者浏览图书列表时将会用到这些类别。每个类别都可以作为另外类别的父类别。有一个特殊的类别，Top-Level,没有出现在类别列表中，但是可以作为其他任何类别的父类别。字段名 意义 字段类型Categoryname 类别 文本(noll)parentcategory 父类别 文本(noll)LibEmps表包含可以访问图书馆网站的用户信息。该表包含一些通用的信息字段，比如用于进入图书馆的用户密码等。字段名 意义 字段类型 字段名 意义 字段

26、类型empid 用户id (主键no null) 数字 password 用户密码 文本Empname 用户姓名 文本 manager 管理员代号 数字emailaddress 用户邮箱 文本 图书馆数据库的数据关系如图9-22所示。其中表LibEmps和表Lib Categories与表LibBooks之间都是一对多的关系。每个雇员都可以借阅多本图书，每个类别都可以包含多本图书。3.2.3界面设计与重点代码的设计 网上图书馆系统有两种用户，一是管理员。另一种是只允许使用图书馆系统，而没有管理功能的一般用户。访问者进入网站，首先要进行登录，如下图所示。登录页面（index.htm）访问者输入m

27、ail地址和密码来登录，然后单击“登录”按钮。输入的数据提交后与数据库中的用户表进行匹配。须创建一个记录来保存基于访问者登录的用户信息set RSFindEmp = conn.Execute(select EmpID, Manager from LibEmps where _& EmailAddress = & Request.Form(EmailAddress) & and _& Password = & Request.Form(Password) & )if RSFindEmp.EOF thenTheMessage = 密码或email地址不对.elseSession(EmpID) =

28、RSFindEmp(EmpID)Session(Manager) = RSFindEmp(Manager)Response.Redirect ./yk.htmend if表单域EmailAddress和Password 用于Where了句中来获取一个记录。如果访问者输入了一个无效的用户名，则记录集中将不会返回匹配的记录。我们可以通过查看EOF标记来判断一个记录集是否为空。为空，则访问者将被拒绝进入该系统。不为空，则访问者的EmpID值和Manager值将从记录集中返回。写入Session 变量，变量将在整个网站的所有网页中都是有效的。这些变量的存在与否及其取值将用于确定是否允许进入一个特定的网

29、页，同时也用于访问者进行书目的归还和借阅操作。图书馆菜单页面图书馆菜单页面包含指向其他4个页面的链接：管理页面、搜索页面、图书列表页面和主页面。还有一个可显示用户所借书籍的按纽。如果访问者是图书馆管理员，则菜单界面如图所示。如果访问者不是图书馆管理员，则看到如图所示的界面。非管理员的访问者的界面上没有指向管理员菜单页面的链接。实现办法：访问者登录时在登录页面上的创建的会话变量Session 用于从数据库中获取访问者的有关信息，表示它是否是管理员。如果值为1，就表明访问者是一个管理员，则用如下代码写入一个指向管理员页面的链接：管理员菜单通过按纽B1是否为空来判断要不要显示用户所借图书，利用一个记

30、录集来获取访问者已经借出了的所有图书的列表。if NOT isempty(Request.Form(B1) thenset RSBooks = conn.Execute (select BookID, Title from LibBooks where _& CheckedOutTo = & Session(EmpID)end if 再用循环语句将所借书以表格形式显示出来。 循环将遍历Rsbooks记录集中的每个记录，直到该记录集结束：该网站中的所有页面都会在访问者访问之前对其进行登录检查。这样就可以避免访问者通过输入某个页面地址然后在没有登录的情况下直接进入该页面的情况发生。此外，每个管理页

31、面都要确认访问者是管理员。管理菜单页面管理菜单页面有一个HTML表单，根据选择的按钮的不同，可以进行5种不同的操作：图书的归还、图书的编辑、图书的删除、图书的添加和类别的添加。不管选择了哪一个按钮，该表单都提交人其自身进行处理。要进行图书的归还、图书的编辑、图书的删除三种操作，须先进行搜索，找到该书后，由图书Book.htm返回一个链接：A HREF=./html/management_menu.htm?title=&BOOKID=管理员菜单 而管理者页面通过下列语句inputzztype=hidden name=BOOKID1value=这样就将所找到的书的书号BookID、书名Title传

32、递管理者页面。再进行所须操作。共有3个不同的铵纽，可以进行3种操作。若单击“修改”钮：则重定向到编辑图书页面，同时把Bookid 传递给该页面。Response.Redirect ./edit_book.htm?BOOKID=&request(BOOKID1)将其他的情况需要建立到数据库的连接：set conn = server.createobject (adodb.connection)Conn.Open(FILEDSN=c:Program FilesCommon FilesODBCData Sourcesms access database.dsn)if NOT isempty(Requ

33、est.Form(Delete) and request(BOOKID1) thenconn.Execute delete from LibBooks where BOOKID =&request(BOOKID1)end ifif (NOT isempty(Request.Form(checkin) and request(BOOKID1) thenconn.Execute update LibBooks set checkedoutto= 0, status= Available where BookID=&Request(BOOKID1)end if页面中的添加新的种类部分包含一个文本控件

34、和一个选择控件。其中选择控件是用所有已经存在的类别列表进行填充的，包括特殊类别 Top level ，该类别表明当前类别是处于类别层次结构中的最顶层。代码如下：先用一个记录集来填充父类别选择控件：set RSCategories = conn.Execute(select CategoryName from LibCategories order by CategoryName)再用下列循环语句： OPTION VALUE= 遍历RSCategories记录集中的每个记录，并作为一个选项添加到列表中，而记录集中CategoryName 同时作为显示值和传递值：本页面还包含一个指向添加图书页面的

35、链接。搜索结果页面搜索页面的代码获取与访问者查找规则相匹配的图书，然后将这些图书显示给访问者。搜索页面上的表单包含一个选择控件和一个文本控件。选择控件中的选项是用可搜索 的字段填充的：需要用一个记录集来保存与访问者的查找规则相匹配的记录：set RSBooks = conn.Execute(select BookID, Author, Title, Subject from LibBooks where _& Request.Form(SearchField) & Like % & Request.Form(SearchCriteria) & %)注意：，符号%表示的是一个广义搜索。这一点类似

36、于ACCESS中的符号*。然后将所找到的书以表格形式显示出来。代码如下： 书名: A HREF=./html/book.htm?BookID= 著者: 主题: 图书页面图书页面的代码显示图书的有关信息，以及管理图书的出借操作。该页面通过Querystring 传递BookIDif isempty(Request.QueryString(BookID) thenResponse.Redirect ./search.htmlend if如果其中不存在，则访问者将被重定向到搜索页面：如果同时传递表单中包含的变量Action不为空，则表明访问者正借阅该图书：if Not isempty(Request

37、.QueryString(Action) then在这种情况下，需要将图书状态改为 Checkout, 同时需要将Checkedoutto 字段修改为该访问者：conn.Execute update LibBooks set Status = Checked Out, _& CheckedOutTo = & Session(EmpID) & where BookID = _& Request.QueryString(BookID)Response.Redirect ./library_menu.htmend if然后将该访问者重定到图书馆菜单页面：下一步，利用图书的状态来确定不同的链接未借出时

38、链接如下：if RSBooks(status) = Available thenLinkText = 借这本书如果图书已经借出，就创建一个不同的消息，并将链接设置为指向Library menu 页面：LinkText = 图书已出借，返回主菜单。最后根据是否是管理员，显示管理员菜单链接。A HREF=./html/management_menu.htm?title=&BOOKID=管理员菜单 3.3网上评优投票系统3.3.1功能：能实现全校性的评选，快捷、公平，且有效，不允许做票。3.3.2组成构造这个系统由3个部分组成投票页面vote.htm ，处理投票结果的脚本，显示投票页面 。333数据

39、表的设计：334界面设计与重点、难点代码设计投票页面该页面是一个纯HTML文件，它让用户选择自己想选举的候选人，并填写自己的详细资料，以确认投票的有效性。页面显示如图所示。表单处理脚本在vote.htm中各项数据都填写完毕后，单击确定投票按钮，表单的数据就被提交，本次评优共有4个候选人，但只能选两个。故用复选框。投票的有效性通过是否是本校学生，且是否投过票来判断。if request(passno) thensql=select * from stud where password=&request(passno)& &and yitu=0set rs=cn.execute(sql)if rs.eof then%本设计允许少选，不允许多选。通过判断Vote投票界面传递过来的复选按纽值的长度看是否多选。vo=request(cand)if len(vo)4 then%然后根据所投的票将对应候选人的投票结果字段加1，同时将该投票人的已投字段置为1。sqq=update stud set yitu=1 where password=&request(passno)&cn.execute(sqq)if instr(vo,1) thencn.execute(