第1章 网站的总体设计

网站的开发是一项复杂的系统工程，它涉及面广，包括技术、管理业务、组织和行为。它的开发时间长，费用又很高，为了保证网站的开发质量，提高网站的开发成功率，除了采用正确的开发策略和科学的开发方法外，调研是必不可少的。因为经过有效的调研之后可以明确网站的开发目标和开发过程之中应该注意的问题；此外调研为总体规划和紧随其后的要做的网站建设可行性研究提供可靠的定性和定量的依据。

调研的内容可以根据设计的目的不同摘录部门有用的信息。其中系统概述包括系统的运行环境、管理体制、组织机构、五大资源（人、财、物、设备、技术）的情况是必不可少的。此外还应该包括网站开发的条件和目标等信息。

在调查过程中，要认真记录学校的现状、在校人数、办学规模以及学校的信息量等等。虚心请教一些技术员工，从而获得更有效的信息，为目标系统的开发做好充分的材料和技术准备。

1.1网站系统需求分析

网站主要采用静、动相结合的方式，即静态的主画面和动态的网页相结合，体现学校的勃勃生机，静态主页方式介绍学校发布的一些信息包括：学校概况、学校最新动态、学生组织等，利用ASP与数据库结合的技术建立留言板和后台新闻管理的数据库管理系统，采用交互式的动态的web画面来实现。其中鼠标点击之后出现小手标志为链接信息。在首页的设计过程中，其中布局和颜色的搭配由为重要，如果搭配的好会给人一种整体都很美观的感觉。在框架设计上，也是一样，总体来说，一个网站的首页是你给用户所开发网站的门户，所以网站首页的做工一定要细致，从而能够吸引该网站的浏览者。在江苏省铁富高级中学校园网站的开发设计过程中，该网站主要以信息发布为主，所以在设计过程中，就要想方设法的以多发布和发布及时准确的消息为主。

按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：

● 学校风采：通过学校概括、校园之星及部分新闻图片等内容来展现。

● 优点特色：通过新闻、生动活泼的教育教学栏目来展现。

● 信息发布：通过公告栏、学校动态等栏目来实现。

● 教学校务：根据校务的公开程度与参与人数的多少，特选择留言板、 工作信息等在网上实现。

1.2网站的设计原则

本系统的开放设计思想有以下几点：

1.尽量采用铁富高级中学现有的软、硬件环境及先进的管理系统开发方案，从而达到充分利用学校现有的资源，提高系统开发水平和应用程序的目的。

2.开发的网站应符合铁富高级中学管理系统的规定，满足学校日常课程管理的工作需要，并达到操作过程中的直观、方便、实用、安全等要求。

3.系统Browse/Server体系结构

B/S模式是目前在Internet/Intranet网络平台上最流行的运行模式。B/S模式由浏览器和网络服务器组成，通过网络进行连接。浏览器是通用的用户界面，不需在浏览器客户端安装用户应用程序；服务器提供用户所需要的信息。本铁富高级中学网站系统采用此模式可以使数据处理、内部消息的浏览和外部信息的浏览界面完全一致，方便了家长和在校师生的使用。由于浏览器端不要安装用户应用程序，降低了运行维护费用。

4．本网站系统采用模块化程序设计方法。既便于系统功能和各种组合和修改，又便于未来开发的技术维护人员补充维护。

5．本网站系统应具备数据库维护功能。及时根据用户需求进行数据的添加、删除、修改等操作。

1.3网站模块结构图

图1-1 网站功能模块结构图

各功能模块，简介如下：

●学校概况及学校动态

介绍学校历史、发展历程、学校规模、最新动态以及未来发展规划等。

●学生组织

加强在校学生间的相互联系,充分调动学生在学校活动中的作用,促进师生间交流。让学生通过多种活动,利用自我教育形式,互相帮助、监督,共同进步。

●留言板

留言板服务已经是互联网站一种极为常见的互动交流服务。留言板可以向学生提供开放性的分类专题讨论区服务，学校的毕业生们可以在此发表自己的某些观感、交流某些经验、乃至人生的感悟与忧欢，亦可以作为毕业生与母校交流的渠道，在校学生亦可在此提出一些学校存在问题或发布某些消息。

●新闻动态

用户从这里可以了解到最近学校新闻、高考动态、政策法规信息和友好学校的动态信息以及国内,国际的大小新闻。

●后台管理

管理员可以对网站的内容进行增加、修改、删除以及对上传文件的管理和系统的管理等。

管理员可以将网页上的某些需要经常变动的信息，类似招生新闻、政策法规信息和友好学校动态信息等更新信息集中管理，并通过信息的某些共性进行分类，最后系统化、标准化发布到网站上。网站信息通过一个操作简单的界面进入数据库，然后通过已有的网页模板格式与审核流程发布到网站上。

1.4开发关键技术介绍

开发工具：用ASP+Access开发这一类型的系统仍然是当今的主流，下面对ASP的核心技术和Access数据库作一个简单的介绍。

1．ASP (Active Server Pages)是指动态服务器网页，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在IE浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。

Web源于静态文本，现在很多站点几乎还是采用这种方式。静态文本的缺点就是维护难(文件数目多)、查询难、修改难。虽然可以采用FrontPage对站点进行管理，但这只是其中的一个办法。现在，很多的站点都会在后台采用数据库，动态生成超文本。这样，要改变式样，只需修改几个文件；要变更内容，只需对数据库进行操作即可，而且易于保持一致性；而对于全文检索等查询应用，这种方式的优越性更为突出。(经常说的图片的动态显示，如动态GIF、Java Applet等，本文所指为资料的动态性)通用网关界面CGI(Common Gateway Interface)和网络服务器应用程序界面ISAPI(Internet Server Application Programming Interface)与其他相关技术的出现，使我们能够方便地与Web Server进行沟通，从而象一些计数器、留言板等CGI程式相继出现并蔚然成风。但这些CGI程序都有一个很大的缺点，就是CGI(可用VB、Java、Perl、C或Dephi等编写)与html只能分开编写、分开运行，要将两者融合在一起并不容易，从而导致维护与编写都相当困难。因此，一些厂商后来都推出了自己的Script语言，来增强网页开发的功能。其中Netscape推出了JavaScript(for client端和for Server端两种)；微软则推出了VBScript和ASP(ASP的语法与VB的语法类似)两种，也用于服务器端和客户端程序的编写。对于专业开发人员而言，客户端程序的最重要的一点是通用性，而服务器端的则强调功能和效率。对于Client端程序的开发，JavaScript无疑是最佳的，因为当今两大主流浏览器IE和Netscape都宣称支持该标准；而VBScript则只有IE才能支持。但令我们苦恼的是对某些JavaScript的标记，IE或IE的某些版本并不一定会支持，这必导致我们不得不把一部分程序移到服务器端去执行，因为服务器端的程序会先解释生成html(或含ActiveX)文本，再送到客户端，故不存在兼容问题。

认识ASP的六大内置对象，是设计功能强大的Web应用程序的第一步。下面对这六大对象做一个介绍。    

Request  从客户端取得信息 

Response 将信息发送客户端    

Server　 提供Web服务器的一些组件 

Session　储存一个Session会话过程中的用户信息，它仅可被该用户访问 

Application　　在一个ASP应用程序中可以给不同客户端共享的信息 

ObjectContext　用来配合Microsoft Transaction服务器进行分布式处理 

现在开始逐一介绍上述的六大对象。 

（1）Request对象    

通过Request对象，我们可以收集到客户端的Form，Cookies，超连接，或是服务器的还境变量，因此，Request为我们的ASP程序提供的加工的“原材料”，您说它重要吗？没有Request对象的话，那么ASP程序就失去了与客户端联系的交互能立，可以把它想象为我们的眼睛和耳朵。 

（2）Response对象

Response对象可以把ASP程序加工后的“产品”，发送给客户，让他们可以看见结果。同时，也可以通过Response对象设置客户端浏览器的状态，比如设置Cookies，Cookies是一种跟踪客户端状态的技术，有的网站利用Cookies来记录你是第几次访问他们的网站，而Cookies就是那些保存在Windows系统目录Cookies里的那些文件，那些文件可以供网站重新读取和设置。用来跟踪您的状态，Request和Response可以说一个对孪生兄弟，一个负责收集，另一个负责输出。　　　

（3）Server对象

Server对象为您的ASP程序的扩展提供的灵活方便的途径，比如说，如果您需要在ASP程序中读写服务器上的某个文件，那么就可以借用“文件存取组件”来读写文件。而Server对象就充当了建立这个组件的实例的角色，需要使用某个组件，必需先建立它的一个Server对象实例，在后面将要介绍的ADO组件，您就能清楚地理解服务器对象的作用了。 　　 

（4）Session对象

ASP程序可以说是一个Web的应用程序，传统的HTML页，不能跟踪客户端的情况，比如说客人现在处于那一个页面上，何时离开了这个网站，而Session对象的引入，不但能使上述的问题得以解决，并且能为用户个人保存网站期间（会话）的数据信息，它只对用户个人作用，而对ASP程序中的其他用户是无作用的，聪明的朋友可能和早就猜到其实Session也是利用Cooikes技术来临时保存用户数据。当你把浏览器的Cooikes功能关闭，那么Session对象就失效了，因此设计ASP程序时别忘了这一点哦。　

（5）Application对象

既然Session对象的数据是用户私有的，那么ASP程序中必须要有一种能让处于ASP程序中所共同享有的数据信息，这就是Application对象，可以说。Application对象内保存的信息，是可以让同一ASP程序中的所有用户所共享的，比如聊天室里说一句话，聊天室里的所有人都能看见，这里就是应用了Application对象把说话的信息保存起来，再显示出来。而悄悄话既是一种Session对象信息。只有特定的用户能看见。 

（6）ObjectContext 

这是扩展ASP能力的一个对象，当你需要使用ASP内直接发送EMAIL，或是其它信息时，就少不了它的帮忙。 

2．本站选用Access数据库系统Access 2000是Microsoft公司开发的一种桌面数据库系统，能够将大量的数据组织在一起，并对它们进行统计、查询、检索、打印等操作。无须编写代码，便能通过可视化的操作完成日常办公所使用到的功能。它的另一大特点是按照向导的提示，就能够设计出基本的数据库系统。

通过网页发布数据库，首先要做好的工作是建立一个符合实际需要的数据库，包括建立各个表格、索引和存储过程等。

在进行数据库设计时应该考虑3个方面的因素：第一、数据完整性；第二、易用性；第三、数据库性能。

首先建立一个新的数据库，命名为tempdb.mdb。然后在新数据库中建立若干个数据表，分别是verification,score,admin,register,等等

数据库建立完成以后，下面的工作是将所建立的数据库创建为ODBC数据源。在ODBC Data Source Administrator的System DSN选项卡中单击ADD按钮，将弹出一个创建新数据源的对话框。在对话框中选中microsoft Access项单击完成按钮，则出现Create a New Data Source to Access对话框。在对话框中有两个编辑框和一个列表框。在第1个编辑框中应填入数据源名称，第2个编辑框中应填入对该数据源的描述性文字。通过列表框可选取一个Access数据库服务器。在这里由于所使用的数据库建立在本地计算机上，所以选取local项。

完成以上设定后单击下一步按钮，进入创建Access数据源的最后一步。在这一步，不需要设置任何参数直接单击完成按钮。

到此为止，一个新的名为tempdb的数据源添加完成。

ASP对数据库的访问主要是通过内置对象DAC（DATABASE ACCESS COMPONENT）实用数据库访问控件ADO（ACTIVE DATA OBJECT）来实现的。ADO是一种操作Microsoft所支持的数据库的方法，在ASP在它可以看作是一个数据库服务组件。

ADO主要对象有三个：Connection,Command,Recordset,灵活运用这些对象的属性、方法可以达到访问数据库的目的，其基本步骤通常是：

（1）建数据库源名（DSN）

DSN是连接ODBC和数据库的桥梁，ODBC通过DSN来找到要访问的数据库。关于如何配置数据源已经在上面介绍过了。

（2）建立数据库连接

Set conn=server.createobject(“adodb.connection”)  用服务器对象的createobject创建一个链接对象conn

Conn.open “dsn=dbfsource;uid=sa”    使用conn的open方法打开链接，其中用到了名为“dbfsource”的DSN。后面的参数用来表示访问数据库的用户名和口令。

（3）操作数据库并创建数据对象

set rs=conn.execute(“select * from guestbook”)   使用Access语句操作数据库，并将结果返回给一个recordset对象rs

（4）关闭数据库对象和链接

rs.close     关闭recordset对象

conn.close   关闭链接对象

1.5本网站的特点  

铁富高级中学校园网站系统一个很好的应用就是它的运作是完全根植于学校教学校务以及学生工作之中。在网站主菜单的设计上，可以简单明了的查阅各方面的信息，在后台管理上可以方便的进行增加和删除工作。由于其使用ASP制作而成，所以本网站的稳定性非常的好。

在本铁富高级中校园网站系统的信息录入过程中，采用了后台录入，前台更新的方法。这样就体现了信息的及时性。并且方便查询者浏览学习一些文件和信息。

铁富高级中校园网站系统所使用的Access数据库表的设计也采用了规范化的方法，避免了许多冗余数据的输入与删除工作，提高了系统的合理性和运行效率。保证了系统的数据和信息的完整性与可维护性。

本网站以ASP为开发平台，以VB script为核心开发语言，比较成功地设计出一个校园信息网站。体验了新一代的网站开发语言的优越性，实现学校网站的各种信息发布功能。

第2章 数据库设计

本网站采用的数据库是微软的Access 2000，他是一个客户/服务器结构的关系数据库。关系数据库系统是一种数据库体系结构，已被包括Microsoft新闻发布在内的软件销售商广泛应用于Access。一个关系数据库由许多个数据表组成，每个表又进一步细分为行（也称为记录）和列（也称为段）。可以将数据库中的一个表看作一个电子数据表，用行表示记录，用字段表示列。大多数数据库包含多个表和其他数据库对象。

Access是一个真正意义上的客户/服务器结构的关系数据库，它允许企业设计一个分布式数据库系统以满足不断变化的信息需求。

2.1数据库需求分析

根据网站系统功能设计的要求及功能模块的划分，下面给出铁富高级中学网站的数据项和数据结构。

对于整个校园网站系统，可以列出以下数据项和数据结构。

● 校园网站访问量统计表 包括的数据项有访问量记数。

● 管理员信息表 包括的数据项有管理员用户名、管理员密码。

● 校园新闻表 包括的数据项有新闻编号、新闻的类型、新闻标题、作者、上传的时间、新闻内容以及新闻的点击数。

● 留言板信息表 包括的数据项有用户ID、用户名、电子邮件、个人主页、QQ、留言主题、留言内容、留言时间以及留言内容的点击数。

2.2数据库的结构设计

根据上面的分析，我们设计规划出几个实体的E-R图，并将他们描述如下：

新闻表E-R图：

图2-1新闻表E-R图

新闻实体具有编号、类型、标题、作者、内容等属性。

管理员信息表E-R图：

图2-2管理员信息表E-R图

管理员实体具有用户名、密码等属性。

留言板信息表E-R图：

图3-3留言板信息表E-R图

留言信息实体具有用户ID、用户名、主题、内容、时间等属性。

2.3数据库中表的设计

数据库的内容以及表的设计直接影响到开发的网站系统的质量，好的设计可以达到方便易用的功能，下面将对数据库中的表进行设计。

2.3.1分析、设计数据库中的表

根据系统的要求,我们采用的数据库是Microsoft Access ，拟建立后台新闻管理news.mdb库文件、留言板Gbook.mdb库文件和网站访问量count.mdb库文件。

后台新闻管理news.mdb库文件包含如下几个文件表：

● admin：         管理员登录信息表

● news：          学校新闻列表

留言板Gbook.mdb库文件包含如下几个文件表：

● admin：         管理员权限表

● gbook：         留言信息表

● reply：         回复信息表

网站访问量count.mdb库文件包含如下几个文件表：

● cn：            网站访问总量统计表

2.3.2表中的字段及表的结构的设计

·管理员基本信息表  包括用户名、密码。

表的结构如表2-4所示：

表 2-4  管理员基本信息表

·校园新闻表  包括新闻编号、新闻的类型、标题、作者、上传的时间、新闻内容以及新闻的点击数。

表的结构如表2-5所示：

表 2-5 校园新闻表

·留言信息表  包括用户ID、用户名、电子邮件、个人主页、QQ、主题、留言内容、留言时间以及留言信息的点击数。

表的结构如表2-6所示

表 2-6 留言板信息表

·访问量统计表  包括网站访问量的统计。

表的结构如表2-7所示：

表 2-7 网站访问量统计表

第3章 网站子模块的设计

3.1网站结构组成

本校园网站系统主要由电子公告栏、新闻动态、工作信息、留言板、后台管理这几个模块组成。

3.2网站子模块的详细设计

在网站子模块的设计部分主要对网站的访问量、网站留言板、后台管理这三个部分进行详细的设计。

3.2.1 网站访问量的设计

总访问量是指网站所有的访问量的总和，这样的数据对于一个网站的管理员有很多的意义：浏览本站人数多少能让管理员知道他所制作的内容是否吸引人，网站的宣传是否足够，是否要使用什么样的活动来增加浏览的人数等。下面用count方法来计算校园网站已经访问的人数。

//注释：开始设定cookies值为空，通过点击记数，用update方法更新数据。

if request.cookies("dscount")=empty then

response.cookies("dscount")="yes"

rs("count")=rs("count")+1

rs.update   

end if

ccount=rs("count")

rs.close

set rs=nothing

conn.close

set conn=nothing

application.unlock

3.2.2 网站留言板的设计

校园网站留言板是应用电子便迁管理系统，用ASP或其他脚本语言编写的网络应用程序。为家长、学生、老师提供了一个很好的交流的平台，留言板可以提供完备的信息发布功能。同时，在日常生活中，学生可以通过留言板对学校的建设和发展以及网站的建设提出一些建议，以帮助学校和网站更好的发展。

留言板采用B/S结构模式来设计，其特点就是实现在线的查看、留言、查找和管理功能，这种系统的优势在于系统简单、功能强大、扩展能力良好，以及能够方便地跨地域操作等性能。

1．功能目标设计和具体页面设计

留言板所要实现的功能如下：

• 留言板的基本功能。

● 留言板首页：留言板的基本结构

● 查看留言功能：查看用户的留言信息

● 签写留言功能：提交用户的留言信息

• 管理功能。

● 管理员登录功能：管理员通过登录功能管理留言信息

● 验证登录：验证管理员的登录密码

● 回复留言功能：对用户的留言进行回复

● 删除留言功能：删除用户的留言信息

● 解锁、锁定消息功能：锁定和解锁用户的留言信息

● 设置留言板配置信息：对留言板的页面效果进行设置

根据系统功能的要求，校园网站留言板可以分为两个模块：留言板基本功能模块、管理功能模块。如图3-1所示给出了两个功能模块之间的关系。

图3-1 校园留言板功能与页面逻辑结构图

对于留言板基本功能模块，根据系统的功能分析，它应包括：首页浏览、签写留言、查看留言等功能；对于留言板的管理系统，根据系统的功能分析，它应包括：登录验证、回复留言、删除留言、解锁和锁定消息功能、设置留言板配置信息等功能。

2．留言板数据库需求分析

根据系统功能设计的要求及功能模块的划分，下面给出给出各个组成部分的数据项和数据结构。

对于留言板的基本功能模块，可以列出以下数据项和数据结构。

● 留言信息：用户ID、用户名、电子邮件、主页、QQ、主题、内容、表情、头像、时间、ID状态等。

对于留言板管理功能模块，它操作的数据较多，所以分为不同的功能来给出表格。

● 回复功能：留言信息表。

● 删除功能：留言信息表。

● 登录验证：web.config文件。

● 设置站点功能：web.config文件

3．留言板数据库的结构设计

根据数据库的需求分析，将建立以下几张表，下面给出表的结构。

● 留言内容表（留言表），其结构如表3-2所示。

表 3-2 留言内容表

●回复内容表，其结构如表3-3所示。

表 3-3 回复内容表

留言内容表（留言表）是用来存储所有的留言信息的。每当用户进行留言，其留言内容就被保存到这个表中。

回复内容表是用来存储所有的回复信息的，当管理员对用户的留言进行回复时，其回复的信息就被保存到此表中。

4．留言板留言页面的设计

（1）页面设计

当用户需要在网站留下自己的心声时，就需要一个留言页面了。用户需要在这个页面填写许多内容，包括必须的（用户名、留言主题、留言内容）和可选的（包括个人主页、电子邮件、QQ），同时用户还可以选择留言的表情和留言的头像。

如图 3-4所示的页面是一个要填写留言的页面，单击发表留言按钮后，如果填写的页面内容正确，则页面会回到首页，并将最新的留言显示在第一条。

图 3-4 留言页面