1、目 录第一章：诸论 111 设计思想112 开发工具的选用及介绍.1第二章：网站总体分析与设计 221 网站系统分析.222、主页设计 323、数据库设计 4第三章：详细设计 431 家长学校联络簿432 网上图书馆 113.3 网上评优投票系统 2034 达级考试在线查分系统与计数器的制作22.第四部分：系统的使用说明与安装 25第五部分：参考文献： 26附录：源文件代码 27第一章 诸论在 Internet 飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet 上发布信息主要是通过网站来实现的，获取信息也是要
2、在 Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在 Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，特构建长沙市工商职业中专学校网站。1 1 设计思想通过网站，全面宣传，展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，在 Internet 上实现完成部分校务，提高办事效率。1.2 开发工具的选用及介绍ASP 的优势：Active Server Pages：“动态服务器网页” ，一般简称为“ASP” ，ASP 之所以能受
3、到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的 HTML 格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如 IE 或 Netscape）都可以正确地获得 ASP 的“执行”结果，并且将这 ASP 执行的结果直接在浏览器中“浏览” ，不像 VBScript 或 JavaScript 是在客户端（Client ）的浏览器上执行，若使用 VBScript 来设计程序，客户端（lient ）在浏览器中可以显示程序执行的结果，可是，客户端（lient ）若使用Netscape 浏览器就无法显示 VBScript 的执行结果。的特点：任何开发工具皆可发展只要使用一般的文书编辑程序
4、，如 Windows 记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 rontPage 等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可能会发生一些意想不到的离奇状态。通吃各家浏览由于 ASP 程序是在网络服务器端中执行，执行结果所产生的 HTML 文件适用于不同的浏览器。语言相容性高ASP 与所有的 ActiveX Script 语言都相容，除了可结合 HTML，VBScript、Java Script、Active X 服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Th
5、ird Party ）所提供的语言。隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因杰程序先于网站服务（eb Server）端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。易于操控数据库可以轻易地通过DBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Acess、 Foxpro、dBase、Oracle 等等，另外，亦可将“文本文件”或是”Excel” 文件当成数据库用。面向对象学习容易具备有面向对象（bject-
6、Oriented）功能，学习容易，提供了五种方便能力强大的内建对象：Request、Response 、Sever、Application 以及 Session，同时，若使用内建的“Application”对象或”Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。ASP 的六大内部对象对象名称 功能描述RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些 Web 服务器工具储存在一个 Session 内的用户信息，该信息仅可被该用户访问在一个 ASP-Application 中
7、让不同的客户端共享信息可以用来配合 Microsoft Transaction 服务器进行分布式事务处理所以我选择了 ASP 结合 Frontpage 架构长沙市工商职业中专学校网站第二章 网站总体分析与设计21 网站系统分析根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：l 学校风采 通过学校概括、教师风采、校园之星及部分图片等内容来展现。l 优点特色 通过新闻、生动活泼的教育教学栏目来展现。l 信息发布 通过公告栏、信息查询等栏目来实现，内容有招生政策、 活动安排等。l 部分校务 根据校务的公开程度与参与人数的多少，特选择图书管理、评优、考试查
8、分、家校联系四大校务在网上实现。2.2 主页设计网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息发布，对于四大校务，就得利用与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的 web 画面来实现。主页结构图注：带下划线的表示是链接方式23 数据库设计采用的数据库是 Microsoft Access ，拟建立 teach.mdb 库文件，包含如下几个表文件：allmessage 留言信息表Libbooks 图书信息表Libcategories 图书类别信息表Libemps 图书馆用户信息表；stud 学生信息
9、表第三章 详细设计31 家长学校联络簿311 功能：利用 SQL 语法过滤特定的家长留言意见，让老师可以针对某位特定学生家长所发表的意见作出独立的回答，同时，家长在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来让大家看到，当然，老师拥有管理的能力，只要以密码登录资料来源:学网(),原文地址:http:/ 。312 组成构造共分成六大部分：1， 意见留言结果网页 guest.asp：用来显示家长发言与老师回复内容，同时还具备一般模式与管理模式两种显示方法。2， 家长发言表单网页 addmsg.asp：让学生家长填写
10、发言内容并选择发言性质。3， 家长发言数据处理 ASP 程序 add.asp：处理家长发表的意见数据，同时将这些意见数据记录起来并将网页显示转向至意见留言结果网页。4， 老师回复表单网页 teachans.asp：让老师针对某位特定学生家长所发表的意见作出独立的回答。5， 老师回复数据处理 ASP 程序 anssave.asp：处理老师回复的数据内容，同时将这些意见数据起来并将网页显示转向至意见留言结果网页。6， 数据表文件 allmessage：用来储存家长发言数据与老师回复数据的 Access 类型数据库文件。“数据表文件”负责存放家长发言数据与老师回复内容的数据记录，为 Access 类
11、型的库文件，将它定名为：“message.mdb” 。下图为家庭联络簿的组成与流程图：老师回复 家长留言 读入 写入写入313 数据库结构设计数据库文件”teach.mdb“中的数据表 ” allmessage“的栏目设置，如下图：字段名 字段类型314 界面设计与重点、难点代码的设计数据库与留言显示程序网页家长发言与老师回复的内容数据全部储存在数据库中，要在网页中显示目前的家长发言与老师回复数据，必须先进行数据库的链接与打开，要链接数据库我们必须使用 ADO 对象群的 Connection 对象；而要打开数据库则必须使用 ADO 对象群的 Recordset 对象，程序：set cn=ser
12、ver.createobject(“adodb.connection“) cn.open “filedsn=c:program filescommon filesodbcdata sourcesms access database.dsn“set rs=server.createobject(“adodb.recordset“)sql=“select * from allmessage order by 留言时间 desc“rs.open sql,cn,1,1Recordset 对象是负责浏览与操作从数据库取出来的数据，Connection 对象只负责与数据库进行链接的动作，并不能使用数据库内
13、的数据，因此必须建立一个可以存取数据库数据的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， 参数四（LockType ）:指定锁
14、定类型，1 为只读。数据排序与 SQL 指令1 Select 指令的筛选语句：格式： SelectFrom在 SQL 语言中：“Select”数据表“中选取某些“栏位”的数据.2.如果要选取的数据表数据包含了一个以上的栏位，则我们可以利用“， ”逗号来栏位名称隔开。3 如果要选取的数据表数据包含了全部的栏位，则可以利用万用字符“*”来代表全部的栏位。可排序数据的 Select 指令1 当我们希望被选取出来的数据记录数据能够依据某个或某几个栏位的内容来排序时，只要将这些排序依据的栏位摆放在“Order By“保留字之后，然后将这处排序的语句连接在”SelectFrom“后面就行了。2 “Orde
15、r By“默认的排序方式是“由小排到大” ，但若是希望排序方式是“由大排到小”，则我们可在栏位名称后再加上“Desc“保留字！将排序方式改为”由大排到小“。在“显示留言意见”网页中的打开数据库 ASP 程序中的语句：SELECT*From allmessage order by 留言日期 Desc功能为：从数据表“allmessage “中取出所有栏位的数据，并将取出的数据记录内容依照 ”留言日期“栏位使用的”由大排到小“排序方式进行排序。留言显示网页的管理模式“显示留言意见”的网页就必须具备显示模式选择的功能，当显示模式在一般情况时要能显示家长们的一般性发言，同时还得将“悄悄话“的发言隐藏起
16、来。当老师以密码登录成为管理模式时，则必须将一般性发言与悄悄话发言的数据全部显示出来，同时还得让老师们可以针对某位特定学生家长所发表的意见作出独立的回答。这两个情况是通过密码登录管理模式的 ASP 程序实现的：密码： 在这段网页语句中，利用 Session 对象来记录目前的工作模式。当我们第一次进入“显示留言意见”网页的时候，我们所见的网页画面一定是一般！因为 Session 尚未被建立，因此它的“变量”值一定不会是“yes” ，所以网页中会出现一个输入密码进入“教师管理”模式的栏位，只有当我们输入密码按下“教师管理”的按钮组织上发 ASP 程序中的进入管理模式语句后，Se
17、ssion 对象才会被建立，同时， “checkedit“Session 对象变量值被设置为“yes“，所以我们就进入了能将一般性发言与悄悄话发言的数据全部显示出来，同时还让教师们可以针对某位特定学生家长所发表的意见作出独立回答的管理模式页面。留言显示网页的分页当家长的发言与老师回复的数据笔数太多时，一次要将全部的数据资料来源:学网(),原文地址:http:/ Recordset对象的“Recordcount “（记录个数）属性得知，我们将每 10 笔数据为一单位分页显示：count=rs.recordcountif count/10(count10) thentotalpage=(count
18、10)+1else totalpage=(count10)end if“/”为浮点数除法， “”为整数除法。跳页选择的 ASP 程序语句所有的发言数据采用固定笔数分页浏览的方式来显示后，还要提供一个跳页链接显示的功能，让浏览者可以选择希望浏览的页次进得浏览，ASP 程序语句：pagecount=0rs.movefirstif request.querystring(“topage“) LibEmps 表包含可以访问图书馆网站的用户信息。该表包含一些通用的信息字段，比如用于进入图书馆的用户密码等。字段名 意义 字段类型 字段名 意义 字段类型empid 用户 id (主键 no null) 数字
19、 password 用户密码 文本Empname 用户姓名 文本 manager 管理员代号 数字emailaddress 用户邮箱 文本 图书馆数据库的数据关系如图 9-22 所示。其中表 LibEmps 和表 Lib Categories 与表LibBooks 之间都是一对多的关系。每个雇员都可以借阅多本图书，每个类别都可以包含多本图书。3.2.3 界面设计与重点代码的设计网上图书馆系统有两种用户，一是管理员。另一种是只允许使用图书馆系统，而没有管理功能的一般用户。访问者进入网站，首先要进行登录，如下图所示。登录页面（index.asp）访问者输入mail 地址和密码来登录，然后单击“登录
20、”按钮。输入的数据提交后与数据库中的用户表进行匹配。须创建一个记录来保存基于访问者登录的用户信息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
21、“) = RSFindEmp(“EmpID“)Session(“Manager“) = RSFindEmp(“Manager“)Response.Redirect “/yk.htm“end if表单域 EmailAddress 和 Password 用于 Where 了句中来获取一个记录。如果访问者输入了一个无效的用户名，则记录集中将不会返回匹配的记录。我们可以通过查看 EOF 标记来判断一个记录集是否为空。为空，则访问者将被拒绝进入该系统。不为空，则访问者的EmpID 值和 Manager 值将从记录集中返回。写入 Session 变量， 变量将在整个网站的所有网页中都是有效的。这些变量的存
22、在与否及其取值将用于确定是否允许进入一个特定的网页，同时也用于访问者进行书目的归还和借阅操作。图书馆菜单页面图书馆菜单页面包含指向其他 4 个页面的链接：管理页面、搜索页面、图书列表页面和主页面。还有一个可显示用户所借书籍的按纽。如果访问者是图书馆管理员，则菜单界面如图所示。如果访问者不是图书馆管理员，则看到如图所示的界面。非管理员的访问者的界面上没有指向管理员菜单页面的链接。实现办法：访问者登录时在登录页面上的创建的会话变量 Session 用于从数据库中获取访问者的有关信息，表示它是否是管理员。如果值为 1，就表明访问者是一个管理员，则用如下代码写入一个指向管理员页面的链接：管理员菜单通过
23、按纽 B1 是否为空来判断要不要显示用户所借图书，利用一个记录集来获取访问者已经借出了的所有图书的列表。if NOT isempty(Request.Form(“B1“) thenset RSBooks = conn.Execute (“select BookID, Title from LibBooks where “ _& “CheckedOutTo = “ & Session(“EmpID“)end if 再用循环语句将所借书以表格形式显示出来。循环将遍历 Rsbooks 记录集中的每个记录，直到该记录集结束：该网站中的所有页面都会在访问者访问之前对其进行登录检查。这样就可以避免访问者通
24、过输入某个页面地址然后在没有登录的情况下直接进入该页面的情况发生。此外，每个管理页面都要确认访问者是管理员。管理菜单页面管理菜单页面有一个 HTML 表单，根据选择的按钮的不同，可以进行 5 种不同的操作：图书的归还、图书的编辑、图书的删除、图书的添加和类别的添加。不管选择了哪一个按钮，该表单都提交人其自身进行处理。要进行图书的归还、图书的编辑、图书的删除三种操作，须先进行搜索，找到该书后，由图书 Book.asp 返回一个链接：&BOOKID=“管理员菜单而管理者页面通过下列语句这样就将所找到的书的书号 BookID、书名 Title 传递管理者页面。再进行所须操作。共有3 个不同的铵纽，可
25、以进行 3 种操作。若单击“修改”钮：则重定向到编辑图书页面，同时把 Bookid 资料来源:学网(),原文地址:http:/ “./edit_book.asp?BOOKID=“&request(“BOOKID1“)将其他的情况需要建立到数据库的连接：set conn = server.createobject (“adodb.connection“)Conn.Open(“FILEDSN=c:Program FilesCommon FilesODBCData Sourcesms access database.dsn“)if NOT isempty(Request.Form(“Delete“)
26、 and request(“BOOKID1“)“ thenconn.Execute “update LibBooks set checkedoutto= 0, status= Available where BookID=“&Request(“BOOKID1“)end if页面中的添加新的种类部分包含一个文本控件和一个选择控件。其中选择控件是用所有已经存在的类别列表进行填充的，包括特殊类别 Top level ，该类别表明当前类别是处于类别层次结构中的最顶层。代码如下：先用一个记录集来填充父类别选择控件：set RSCategories = conn.Execute(“select Categ
27、oryName from LibCategories order by CategoryName“)再用下列循环语句：“ 遍历 RSCategories 记录集中的每个记录，并作为一个选项添加到列表中，而记录集中CategoryName 同时作为显示值和传递值：本页面还包含一个指向添加图书页面的链接。搜索结果页面搜索页面的代码获取与访问者查找规则相匹配的图书，然后将这些图书显示给访问者。搜索页面上的表单包含一个选择控件和一个文本控件。选择控件中的选项是用可搜索 的字段填充的：需要用一个记录集来保存与访问者的查找规则相匹配的记录：set RSBooks = conn.Execute(“selec
28、t BookID, Author, Title, Subject from LibBooks where “ _& Request.Form(“SearchField“) & “ Like %“ & Request.Form(“SearchCriteria“) & “%“)注意：，符号%表示的是一个广义搜索。这一点类似于 ACCESS 中的符号*。然后将所找到的书以表格形式显示出来。代码如下：书名: “ 著者: 主题: 图书页面图书页面的代码显示图书的有关信息，以及管理图书的出借操作。该页面通过 Querystring 传递 BookIDif isempty(Request.QueryStri
29、ng(“BookID“) thenResponse.Redirect “./search.html“end if如果其中不存在，则访问者将被重定向到搜索页面：如果同时传递表单中包含的变量 Action 不为空，则表明访问者正借阅该图书：if Not isempty(Request.QueryString(“Action“) then在这种情况下，需要将图书状态改为 Checkout, 同时需要将 Checkedoutto 字段修改为该访问者：conn.Execute “update LibBooks set Status = Checked Out, “ _& “CheckedOutTo =
30、“ & Session(“EmpID“) & “ where BookID = “ _& Request.QueryString(“BookID“)Response.Redirect “./library_menu.asp“end if然后将该访问者重定到图书馆菜单页面：下一步，利用图书的状态来确定不同的链接未借出时链接如下：if RSBooks(“status“) = “Available“ thenLinkText = “借这本书“如果图书已经借出，就创建一个不同的消息，并将链接设置为指向 Library menu 页面：LinkText = “图书已出借，返回主菜单。“最后根据是否是管理
31、员，显示管理员菜单链接。&BOOKID=“管理员菜单 3.3 网上评优投票系统3.3.1 功能：能实现全校性的评选，快捷、公平，且有效，不允许做票。3.3.2 组成构造这个系统由 3 个部分组成投票页面 vote.htm ，处理投票结果的脚本，显示投票页面 。333 数据表的设计：334 界面设计与重点、难点代码设计投票页面该页面是一个纯 HTML 文件，它让用户选择自己想选举的候选人，并填写自己的详细资料，以确认投票的有效性。页面显示如图所示。表单处理脚本在 vote.htm 中各项数据都填写完毕后，单击确定投票按钮，表单的数据就被提交，本次评优共有 4 个候选人，但只能选两个。故用复选框。
32、投票的有效性通过是否是本校学生，且是否投过票来判断。if request(“passno“)本设计允许少选，不允许多选。通过判断 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(“update stud set
33、result=result+1 where name=李宁“)end ifif instr(vo,“2“) thencn.execute(“update stud set result=result+1 where name=杨兰“)end ifif instr(vo,“3“) thencn.execute(“update stud set result=result+1 where name=江道明“)end ifif instr(vo,“4“) thencn.execute(“update stud set result=result+1 where name=段启文“)end if%显示
34、当前投票情况 show.asp由于投票处理页面已经完成了绝大部分的工作，所以 显示结果页面就很简单了，其功能是从 Stud 表文件中读取候选人所得票数，显示在页面上。页面显示如图值得注意的代码主要有以下几处：该页面有自动刷新功能，使在线用户可以尽快的看到最新的选举情况。我们这里设定每隔30 秒钟自动刷新一次。显示投票时，我们采用了 while 循环，把候选人及其得票数，整齐地显示在一个表格中，这种技术在数据库查询结果的显示中也经常用到。代码如下：34 达级考试在线查分系统与计数器的制作341 功能：它提供了在线查看成绩。考生可以在网上使用这一系统，通过输入准考证编号来查询达级考试的结果。342
35、 数据表的设计与评优系统共用 STUd 表，表设计同上。 343 界面设计与重点难点代码的设计该模块需要查询者输入准考证号后来查看结果。若 ID1 不为空时，表示有表单输入，开始查询数据库。使用 SELECT 的 SQL 指令查询数据库的数据。先设定 SQL 指令，查询 ID符合准考证编号 Request.Form(“ID1“)的数据，下个“Execute”指令，即可开始执行存取、查询数据的动作了。并将查询结果储存到 Recordsets 组件 RS 中。IF Request.Form(“ID1“)“ THEN Set Conn = Server.CreateObject(“ADODB.Con
36、nection“) Conn.Open(“FILEDSN=c:Program FilesCommon FilesODBCData Sourcesms access database.dsn“) SQL = “SELECT name,id,score FROM stud WHERE id=“ & Request.Form(“ID1“) & “ 资料来源:学网(),原文地址:http:/ RS = Conn.Execute(SQL)若考试通过，则显示考试的结果，包括姓名、准考证编号、总分和考试结果，分别由RecordSets 组件的 RS（0） 、RS （1） 、RS（2） 、RS（3）得到。FS
37、.Field.Count 表示RecordSets 组件的域的总数，由“for I=0 to RS.Fields.count-1”，取得 RS（I）各域的数据。配合 表格的 HTML 语法，将结果填入表格的各单元格中。 若还有下一个数据，就使用 RS.MoveNext 移到下一个位置。3.4.4 页面访问计数器的制作利用文件处理组件 FILESYSTEM 的强大功能来制作，比用 Application 对象计数器要好，Application 计数器当有 20 分钟没有人连上该网页或关机时，计数器会被归零。而文件计数器却不会因时间而消失。我用 Count.txt 存放访问人次。代码如下：whic
38、hfile=server.mappath(“piccount.txt“)set myfile=server.createobject(“scripting.filesystemobject“) 创建一个set thisfile=myfile.opentextfile(whichfile) 组件对象visit=thisfile.readlinethisfile.close 读取计数器数据文件 Count.txt 中的计数数据visit=visit+1 记录自加一次length=len(visit)for i=1 to lengthresponse.write “ 将记录的数据用图片显示出来nex
39、tset thisfile=myfile.createtextfile(whichfile,1) 将新计数数据写入文件 thisfile.writeline(visit) set myfile=nothing数字图片我利用 PHOTOSHOP 中的文字特效制作了 9 个立方数字：等四系统的使用说明与安装41 运行环境要求Windows98Personal Web Server 3.0（PWS）Microsoft? Access 2000 (9.0.2812)42 安装设置A. 将本网站拷贝到硬盘上的某一目录下，如：拷贝至 c:y1 下。B. 运行 PWS，将默认的 Web 站点主目录设置为该目
40、录，如上例应为 c:y1；具体步骤：a. 选择“高级”项；b. 单击“编辑属性”按钮，在出现的“编辑属性”对话框中的“目录”项中填入“c:y1” ，其他不变，确定；C. 设置启动默认文档为：yy.asp致谢通过这次毕业设计，使我感到高科技、新知识的力量。这次毕业设计过程中，得到了长沙市工商职业中专学校的大力支持，给我提供了舒适的工作学习环境，也得到了科大老师、教授的精心指导，在此表示衷心的感谢！五参考文献1李世杰 Active Server Pages(ASP)3.0 网页设计手册 北京:清华大学出版社 19992前沿电脑图像工作室 巧学巧用 Dreamweaver、Fireworks、Flash 制作网页 北京:人民邮电出版社3ASP 入门与实例演练薄 小志编著 中国青年出版社
