湄洲湾职业技术学院

第十一章 ASP 开发实例

23/4/21

湄洲湾职业技术学院

章节概述本章通过具体的实例，说明如何综合运用前面的 ASP技术开发应用系统。为了使初学者更好的掌握开发的方法，本章把应用系统按照功能分解成单独的模块，对经常用到的模块，形成单独的子系统，分别介绍各个子系统的实现和集成。在实际的应用开发中，把复杂的系统分解成不同的模块（子系统），使模块之间相对独立，彼此之间通过接口集成整个系统，便于分工合作完成，降低了开发难度。

23/4/21

湄洲湾职业技术学院

章节内容本章的主要内容：

注册系统用户管理系统留言板新闻发布系统

23/4/21

湄洲湾职业技术学院

11.1 注册登录系统

对于应用系统而言，安全性是重要的问题，因此很多网站采用注册登录机制，要求访问者必须是网站认可的合法用户。对访问者进行身份验证，具有合法身份的用户能够登录访问；新的访问者可以注册为合法用户，注册之后才能享受到应该的权限，资源。

对网站而言，访问者可以分为两类：• 已经注册的拥有访问权限的用户• 没有注册的用户

23/4/21

湄洲湾职业技术学院

11.1.1 系统功能设计

注册登录系统的功能分为两部分：注册和登录。 •1.注册部分功能设计 没有注册的用户首先要完成注册。注册的功能可以分为两个网页：录入注册信息的页面和处理注册信息的页面。录入注册信息的页面一般通过表单来实现，不同的网站要求的注册信息不同，但账户和密码是必须的，另外常用的注册信息还有：真实性名、性别、个人简介等。

23/4/21

湄洲湾职业技术学院

11.1.1 系统功能设计2.登录部分功能设计

•已经注册的用户可以通过登录访问网站，对用户登录的信息进行验证，并处理。

•该系统通过五个网页实现：•登录页面 dl.asp：提供表单允许用户登录，同时提供“注册”的超链

接，引导注册的用户进入注册页面。对于登录的用户进行身份验证，并进行相应的处理。

•注册页面 zc.asp：通过表单提供给用户输入注册信息，加入客户端的验证。

•提交页面 tj.asp：对于符合要求的用户，把其信息添加到数据库，完成注册。

•资源页面 zy.asp：用户正确登录或者注册成功后，进入该页面，出现欢迎信息。提供对修改个人资料的超链接。

•修改个人资料 xgzl.asp 和 xgjg.asp：用户修改个人资料。

23/4/21

湄洲湾职业技术学院

11.1.2 数据库设计 注册登录系统主要涉及到的是用户的个人资料，建立数据库zcdl.mdb，创

建表yhxx来保存用户的个人资料。

23/4/21

湄洲湾职业技术学院

11.1.3 系统实现

1.创建数据库连接文件 ljsjk.asp

该文件主要用于和数据库进行连接。多数情况下，一个系统中各个网页对数据库的连接代码部分是相同的，因此往往把连接数据库的代码做成一个单独文件，当其它文件需要连接数据库时，只需要把该文件包含进来。这样重复使用该段代码，节省了录入的工作量，并且当需要修改连接数据库代码的时候，只需要修改一处。

23/4/21

湄洲湾职业技术学院

11.1.3 系统实现2.创建登录页面 dl.asp

在该网页中，用户通过表单录入账户和密码，提交信息后进行验证，验证的结果分为三种情况：账户和密码都正确、账户正确密码不对和账户不正确。

对三种情况的处理如下： 账户和密码正确：通过身份验证，允许进入到系统， 导航到网站的资源页面。

账户正确密码不正确：账户正确说明是合法的用户，但密码不对，返回登录页面，允许用户重新登录。

账户不正确：系统没有这个账户，说明是新用户，提示用户注册。

23/4/21

湄洲湾职业技术学院

11.1.3 系统实现3. 创建注册页面 zc.asp

该页面通过表单提供给用户输入注册信息。用户的个人信息要符合一定的要求，例如有些信息非常重要的，必须填写，这些功能可以通过在客户端验证和服务器端验证实现。下面分别说明两种验证的特点：•服务器端验证：数据提交到服务器后，在添加到数据库之前，检查是否符合要求。这种验证方法要使用服务器端代码实现，如果数据不符合要求，则需要把检测结果返回给客户。•客户端验证：数据在提交到服务器之前检查是否符合要求，使用客户端代码实现，如果不符合要求，可以立即在客户端给出结果。

23/4/21

湄洲湾职业技术学院

11.1.3 系统实现4.创建提交页面 tj.asp

该页面获取用户填息的个人信息，首先检查账户是否已经被使用了，如果使用了则返回注册页面要求用户使用其他账户，对于符合要求的用户，把信息添加到数据库，完成注册。

5.创建资源页面 zy.asp 在该系统中，该网页主要表示用户登录成功或者注册成功后进

入系统，否则导航到登录页面，要求用户从正常渠道进入系统。本网页对于进入的用户，给出一个欢迎信息。

6.创建修改资料页面 xgzl.asp和 xgjg.asp 成功登录或者注册的用户可以修改个人的资料，但不是全部资

料，例如：账户不能修改。该例中，密码、联系电话和电子邮箱可以修改。

23/4/21

湄洲湾职业技术学院

11.2 用户管理系统 一个完整的应用系统除了提供各种资源和功能外，还要对系统

的用户进行管理，保障他们的使用权限同时提高系统的安全性。因此从功能结构上可以把应用系统的分为两部分：资源管理模块和用户管理模块。

资源管理模块提供应用系统的功能，不同功能的应用系统资源管理模块不同，但用户管理部分基本相同。

在系统开发中，我们把用户管理模块独立出来，做成一个通用的系统，通过接口和各种不同的应用系统进行集成。这样便于分工合作，提供了开发效率；另外通过模块的复用，便于系统的维护和升级。

23/4/21

湄洲湾职业技术学院

11.2.1 系统设计 一般应用系统的用户分为两种：管理员和一般用户。一般用户可以通过注册成为系统的合法用户，成功登录后可以对系统的资源进行访问。管理员负责对系统进行维护管理，包括：资源管理和用户管理。在该例中主要实现对用户管理，并且和“注册登录系统”进行集成，形成一个较完整的用户管理系统。

应用系统中，管理员和普通用户通过登录进入系统，但所进入的模块不同，普通用户进入资源访问页面，而管理员进入管理页面，对资源和用户进行管理。

23/4/21

湄洲湾职业技术学院

11.2.1 系统设计

用户管理主要包括以下内容：• 增加用户：实现增加用户的功能，作为对用户注册的一个补充。另外大家可以考虑在该部分实现对用户注册的审核。

• 修改用户资料：对用户的个人资料进行更新修改，一般先查询再修改。

• 删除用户：实现删除用户的功能，一般通过先查询再删除。

23/4/21

湄洲湾职业技术学院

11.2.2 数据库设计

23/4/21

湄洲湾职业技术学院

11.2.3 系统实现

首先创建用户管理的模块，然后和前面的“注册登录系统”集成到一起。用户管理模块包括三部分，其中增加用户类似“注册登录系统”中的用户注册，修改用户资料类似用户修改资料，请大家参考上例，这里不再讲解，下面介绍删除用户的实现。

23/4/21

湄洲湾职业技术学院

11.2.3 系统实现1.首先创建用户管理的页面 yhgl.asp 列出所有用户，给出超链接，可以连到详细信息，修

改功能，删除功能。 2.创建删除用户页面 scyh.asp 从 yhgl.asp获取用户的帐户，执行删除。 3.创建登录页面 dl.asp 在用户“注册登录系统”中，我们已经创建了登录页

面，本系统的登录页面要做些修改，增加对身份的验证，如果是管理员则进入用户管理页面 yhgl.asp，如果是普通用户和“注册登录系统”相同。

23/4/21

湄洲湾职业技术学院

11.3 留言板系统为了增加网站的互动性，网站需要接受用户的反馈信息，留言板是一个简单，有效的方法。

开发留言板系统，主要用到的技术就是前面介绍的的数据库存取组件 ADO，发布的留言保存到数据库中，这可以很方便的查询、添加和删除。

23/4/21

湄洲湾职业技术学院

11.3.1 系统设计

留言板要实现的功能包括：显示留言、添加留言、删除留言和查询留言。下面介绍各个部分的设计。•显示留言（ xsly.asp）：从数据库中查询所有的留言按照留言时间降序显示。•添加留言（ tjly.asp）：通过表单添加留言，如果符合要求则增加到数据库。添加完毕，网页应该导航到显示留言页面看到添加的留言。•删除留言（ scly.asp）：通过留言编号 lyid字段值删除留言。•查询留言（ cxly.htm和 cxjg.asp）：可以根据“留言标题 lybt”查询留言，并显示出来。支持不完整信息查询。

23/4/21

湄洲湾职业技术学院

11.3.2 数据库设计创建数据库 LYXT.MDB ，设计表对象 LYXX ，表结构如下图所示：

23/4/21

湄洲湾职业技术学院

11.3.3 系统实现1.创建数据库连接文件 ljsjk.asp

该文件主要用于和数据库进行连接。多数情况下，一个系统中各个网页对数据库的连接代码部分是相同的，因此往往把连接数据库的代码做成一个单独文件，当其它文件需要连接数据库时，只需要把该文件包含进来。这样重复使用该段代码，节省了录入的工作量，并且当需要修改连接数据库代码的时候，只需要修改一处。

2.创建显示留言的页面 xsly.asp在该网页中查询所有留言，按照留言时间降序排列显示，使大家总是先看到最近时间的留言。

23/4/21

湄洲湾职业技术学院

11.3.3 系统实现3.创建添加留言页面 tjly.asp

完整的留言包括：留言标题、留言内容、留言者和留言时间。其中前三项由留言人添加，留言时间使用系统当前时间。添加留言需要使用表单，为了使用上的方便，在同一个网页中处理添加的留言添加到数据库中。留言标题、留言内容和留言者必须添加，否则给出提示信息，留言添加完成后，网页导航到“显示留言 xsly.asp”页面。

4.创建删除留言页面 scly.asp给每一条留言添加一个“删除”的超链接，单击该超链接，通过使用字符串传递留言的“ lyid”字段值给该网页自身，然后获取该编号 lyid，执行删除。

23/4/21

湄洲湾职业技术学院

11.3.3 系统实现5.创建查询留言页面 cxly.htm和 cxjg.asp

通过输入留言标题的相似值查询留言。前面介绍的 SQL语句中 _ 和 % 可以支持这种模糊查询。 Cxly.htm页面通过表单，由用户录入要查询的信息，在 cxjg.asp中显示结果。

6.创建导航页面 dhmb.htm在该页面中通过超链接把前面的四个部分组成一个整体。

7.创建框架集页面 index.htm创建一个框架集页面作为首页，左框架显示导航页面dhmb.htm，右框架分别显示相关内容。

23/4/21

湄洲湾职业技术学院

11.4 新闻发布系统 多数门户网站都需要经常发布新闻，下面介绍新闻发布系统的创建。从用户的角色来看，可以分为三种：管理员、新闻撰写者和普通用户。不同的用户对应不同的权限，普通用户可以浏览新闻、查询新闻和发表评论；新闻撰写者除了可以使用普通用户的功能，主要是提交新闻；管理员负责用户管理和新闻维护。

23/4/21

湄洲湾职业技术学院

11.4.1 系统设计 系统的用户分为三类，下面分别说明各个模块的设计：1.普通用户模块

作为普通的用户，能够进行新闻的浏览、查询新闻和发表评论。

2.新闻撰写者模块除了上面普通用户的功能，主要的是新闻的提交。撰写了新的新闻，可以提交给管理员，有管理员审核，然后发布。

3.管理员模块除了包括普通用户的功能，主要是负责用户管理和新闻维护。用户管理在“用户管理系统”中已经实现。新闻的维护主要包括：审核增加新闻，修改新闻，删除新闻。

23/4/21

湄洲湾职业技术学院

11.4.2 数据库设计 创建数据库，命名为 xwxt.mdb，表设计如下：•1.该系统要集成用户管理的功能，因此可以把“ yhgl”数据库中

的“ yhxx”表添加到本系统的数据库中。但是注意用户类型有三个。•2.设计 xwxx表，存储新闻的相关信息。

23/4/21

湄洲湾职业技术学院

11.4.2 数据库设计•3.设计xwpl标，存储新闻评论信息。表结构如下

23/4/21

湄洲湾职业技术学院

11.4.3 系统实现下面介绍系统实现，首先介绍登录模块，然后按照用户分为三部分说明。1.登录模块的实现

该模块大家参考用户管理中的登录 dl.asp页面，修改用户的验证部分，根据用户的身份可以进入相关的页面。

2.普通用户模块该模块的实现在前面都有介绍，其中发表评论请大家参考留言板系统。

23/4/21

湄洲湾职业技术学院

11.4.3 系统实现

3. 新闻撰写者模块新闻撰写者模块通过表单，提交新闻到数据库中，新闻审核字段默认为“ no”，只要经过管理员批准的新闻可以发布。该模块的实现类似留言板，请参考留言板系统。

4.管理员模块包括两部分：用户管理和新闻管理。用户管理部分代码实现和“用户管理系统”相似，这里不再介绍。新闻管理涉及三方面：新闻审核，新闻修改和新闻删除，大家参考上面的示例。

23/4/21

湄洲湾职业技术学院

本章结束了！谢谢！