网络程序开发实例 .ppt

《网络程序开发实例 .ppt》由会员分享，可在线阅读，更多相关《网络程序开发实例 .ppt（51页珍藏版）》请在三一办公上搜索。

1、第12章网络程序开发实例,本章内容简介,12.1 留言板,12.1.1 留言板的总体设计12.1.2 留言板的关键技术12.1.3 留言板的具体实现,留言板,留言板可以说是网上最常见的，本节就利用数据库来实现一个功能比较完整的留言板，它的首页如下图：,12.1.1 留言板的总体设计,本留言板只提供浏览留言和添加留言的功能，对于管理员来说，还提供了删除留言的功能。根据这样的设计思想，该系统将包括如下主要文件：（1）数据库文件guest.mdb因为留言板比较简单，只要一张表就够了，如下：（2）首页index.asp在其中显示所有留言和一个添加留言的表单。（3）添加留言insert.asp当用户在首

2、页表单中输入内容后，就提交到本页面，添加完毕后自动返回首页。（4）删除留言delete.asp单击首页中的“删除”超链接就可以打开本页面，输入管理员密码后就可以删除该信息，删除完毕返回首页。（5）odbc_connection.asp、config.asp、function.asp、guest.css这些是公共文件，用来存放数据库连接语句、几个常量、几个函数和CSS样式，可供其他文件调用。,12.1.2 留言板的关键技术（1）,这个留言板相对比较简单，但也有以下几点关键之处：（1）添加不完整记录很多时候，都应该允许用户添加不完整的信息，比如本示例应该允许用户省略留言内容或E-mail地址。在节

3、简单讲过如何添加不完整的记录，在节里也举例谈过利用AddNew添加不完整记录的方法。本节再来讲另外一种方法。该方法采取在添加记录时将Insert语句分为前后两部分，根据用户提交信息分别组织前半句和后半句，最后再组成完整的Insert语句。具体实现我们稍后看insert.asp文件。,12.1.2 留言板的关键技术（2）,（2）对文本的处理在添加记录时，如果用户提交的信息中包含了英文单引号，就会和SQL语句中的单引号发生冲突错误。为了解决该错误，可以在添加记录时将单引号替换为连续两个单引号，这样就不会发生错误，而且在字段中也只会添加一个单引号。另外，在读取记录时，如果不进行处理就原样输出，就无法

4、实现换行效果；另外，用户输入的HTML代码也会被执行。而在留言板中，我们一般希望能够实现换行显示的效果，并且能够直接显示用户输入的HTML代码。这样就需要用字符串函数将其中的特殊字符替换为相应的HTML标记或字符实体，比如将用户在文本框中输入的回车换行符替换为，将用户输入的空格替换为。关于文本处理技术，请结合function.asp认真体会。,12.1.2 留言板的关键技术（3）,（3）管理留言对于大型网站，一般有专门的管理系统，管理员登录后就可以管理各种信息，可是对于这个简单的留言板系统，没有必要去建立一套专门的管理系统，可以将管理密码直接写在ASP文件中，当要删除留言时必须输入该密码才行，

5、否则拒绝操作。这也是小型网站经常采取的管理方法，稍后我们结合delete.asp进行详细讲解。,12.1.2 留言板的关键技术（4）,（4）客户端JavaScript验证在填写表单信息时，通常要求用户按照一定的规则填写，比如必须填写某些信息。这样就需要来验证用户填写的信息是否符合规则，当然，这可以在用户提交表单后进行验证。不过，利用客户端的JavaScript验证代码，可以在提交表单前在客户端就进行验证，符合规则后才提交到服务器端，这样就可以减轻服务器的负担。稍后我们结合index.asp进行详细讲解。,12.1.3 留言板的具体实现,下面首先讲解几个公共文件，然后依次讲解添加留言的主要文件。

6、（1）连接数据库文件odbc_connection.asp和配置文件config.asp连接数据库文件中保存了连接数据库的语句，配置文件用来存放一些供其他页调用的常量。在其他文件中用Include语句就可以将它们包含进去。这样做的好处是修改数据库名称、留言板名称或密码时只要修改这两个文件即可。这也是许多大型程序常用的技巧。（2）函数文件function.asp该文件专门用来存放一些供其他页调用的函数。下面请看该函数的程序代码：,函数文件function.asp,（3）样式文件guest.css,CSS称为“层叠样式表”。它一般用来设置网页的字体颜色、背景颜色、超链接颜色、表格样式等各种样式。样

7、式文件guest.css代码如下：本文件第1行表示网页背景颜色为#FFFFFF。第2行规定了和标记中的文字的字体、大小和颜色。第3行规定超链接文字的字体、大小和颜色，并且规定不显示下划线。第4行规定当鼠标在超链接上移动时的字体颜色，并且此时显示下划线。,（4）留言板首页index.asp,本页面主要分为两部分：第一部分是添加留言的表单，表单会被提交到insert.asp；第二部分用来显示所有留言，其实就是普通的查询记录的例子。此外，本程序在提交表单时，使用了客户端JavaScript验证来判断用户填写的表单信息是否符合要求？要使用客户端JavaScript验证，首先要在表单的标记中添加onsu

8、bmit属性 下面我们来讲解index.asp文件,首页 程序讲解,Index.asp,（5）添加留言文件insert.asp,在首页中填写留言后，就可以打开insert.asp，在本文件中，将留言信息保存到数据库中后，再重定向回首页。由于留言内容和留言人E-mail可以省略，所以在本示例中要添加不完整的记录。其中关键是要体会SQL字符串的形成过程，这里实际上是将SQL语句分成了前后两部分，分别建立，然后最后再形成一个完整的Insert语句。程序代码如下：,（6）删除留言文件delete.asp,当在首页中单击【删除】按钮后，将调用本文件，首先要求用户输入删除密码123456，密码正确后，才可

9、以删除，之后重定向回首页。需要注意ID的传递过程：首先将从首页中传递过来的记录编号ID保存在了隐藏文本框中；然后提交表单后再用Requet.Form获取到该ID值。这样可以确保不出错误。下面请看代码：,12.2 聊天室,12.2.1 聊天室的总体设计12.2.2 聊天室的关键技术12.2.3 聊天室的具体实现,聊天室,聊天室作为一个能够吸引人气的栏目，备受各大网站青睐。我们在第五章也曾开发过一个简单的聊天室，本节就在此基础上开发一个功能更加完善的聊天室，其中聊天室主界面如下图：,聊天室讲解,下面依次讲解。（1）配置文件config.asp、样式文件chat.css这两个文件用来配置一些常数和C

10、SS样式，类似于留言板，这里不再赘述。（2）函数文件function.asp在具体实现时，本程序有一个特点，就是将大量的比较复杂的功能语句包装成了函数，统一放在function.asp中，其他页面只要简单地调用这些函数即可。这也是大型程序常用的开发方法，请大家认真体会。function.asp中共包括7个函数，下面举例讲述几个重要的函数。,GetUserName函数,首先来看GetUserName函数，它用来判断用户名是否可以使用。其中心思想就是用该用户名和数组中的每一项进行比较。,AddUserName函数,它用来将新用户添加到在线人员名单中，其中心思想就是将该用户名添加到数组中。,DelU

11、serName函数,它用来删除一个用户。其中心思想就是将该用户名从数组中删除掉，然后它后面的人可以向前移动一个位置。当然，如果只有他一人在线，直接将数组清空即可。,在function.asp中还有三个函数是关于聊天信息字符串的，其中一个用于添加新发言，另外两个用于添加用户到来或离去的说明信息。代码如下：,（3）Global.asa,该文件主要是用来规定Session.TimeOut的时间，并且当会话结束时调用函数将用户从在线人员中删除，代码如下：,（4）聊天室首页index.asp,首页主要提供一个表单，用户输入用户名后，先在在线人员名单中查找，如果该用户名可以用，就将其添加到在线人员名单中，

12、并引导至聊天室主页面。要注意，其中的操作主要是调用function.asp中的函数实现的。代码如下：,（5）聊天室主页面whole.asp,这只是一个普通的框架文件，其中用来显示另外三个文件，其结构如下图，代码此处略。,（6）显示聊天信息页面f1.asp,该页面很简单，只是读取Application中的聊天信息并显示在页面上。要注意它会调用配置文件中的常数conRefresh，默认每隔5秒就自动刷新页面，以显示最新聊天信息。另外，因为本聊天室是从上往下滚动的，为了显示最下面的聊天信息，需要使用下面的JavaScript语句自动滚动到最下面。window.scroll(0,60000);全部代码

13、如下：,（7）显示在线人员名单页面f3.asp,该页面也很简单，就是读取Application中的在线人员名单数组，然后利用循环逐个显示在页面上而已。要注意它也会调用配置文件中的常数conRefreshOnline，默认每隔60秒就自动刷新页面，以显示最新在线人员。代码如下：,（8）输入聊天内容页面f2.asp,这是聊天室中最主要的文件，用来输入发言，并可以选择说话颜色和表情。下面来看该页面的具体代码：,12.3 BBS论坛,12.3.1 BBS论坛的总体设计12.3.2 BBS论坛的关键技术12.3.3 BBS论坛的具体实现,BBS论坛,BBS又称电子公告板，它和E-mail应该是网上最早流

14、行的栏目，给大家提供了一个空间，可以自由地抒发情感、讨论问题。BBS的实现技术和12.1节讲的留言板本质上是一样的，都是将用户提交的信息添加到数据库中。只不过分成了多个栏目，并可以回复。本节就来制作一个功能基本完善的BBS，它的主要页面如下图：,12.3.1 BBS论坛的总体设计,本示例可以实现的功能有：分为多个栏目、发表新文章、回复文章、统计点击次数和回复文章数、用户注册、登录和修改信息，主要是体会BBS的设计思想。本示例从宏观上来说分为两个模块，一个是浏览、发表和回复文章的模块，主要是关于BBS文章的；另一个是用户管理模块，主要是关于BBS注册用户的。根据以上要求，本系统包括如下文件。,（

15、1）数据库文件bbs.mdb,由于涉及论坛栏目信息、文章信息和用户信息，所以依次建立了tbForum、tbBBS和tbUsers表，结构依次如图：,除数据库文件外，还包括其它以下文件：（2）index.asp这是首页，其中会显示栏目列表，并且显示用户登录表单。（3）BBS列表页bbs_list.asp其中会分页显示当前栏目的第1层文章的标题。（4）发表新文章页bbs_insert.asp在其中可以发表新文章。（5）BBS详细页bbs_particular在BBS列表页单击某篇文章的超链接，就会打开该文章，其中可以看到所有回复文章内容，并可以回复当前文章。（6）回复文章页bbs_reinsert

16、.asp在BBS详细页下方的表单中就可以回复当前文章。（7）用户注册第一步log_register1.asp其中可以注册用户名和密码。,（8）用户注册第二步log_register2.asp其中可以填写个人的详细信息。（9）用户注册第三步log_register3.asp其中显示注册成功的信息。（10）用户登录页log_in.asp用户在其中输入正确的用户名和密码后就可以登录BBS，这样发表文章时就会使用该用户名和密码。如果不登录，则只能使用“过客”的名义发表文章。（11）用户注销页log_out.asp在其中会将当前Session信息清空。也就表示用户退出了BBS。（12）用户修改密码页lo

17、g_updatePwd.asp其中可修改当前用户的密码。（13）用户修改个人信息页log_update.asp其中可修改个人的详细信息。（14）odbc_connection.asp、config.asp、function.asp、bbs.css这些是公共文件，用来存放数据库连接语句、几个常量、函数和CSS样式。,12.3.2 BBS论坛的关键技术,该BBS中涉及到如下关键技术：（1）复杂数据库设计在之前的例子中，通常只用到了一张数据表，但是在大型程序中，通常会用到许多数据表。因此请大家在本示例中要体会如何使用多张表。比如在发表新文章时，除了更新tbBBS表外，还要同时更新tbForum和tb

18、Users表。（2）数据分页显示的综合处理技术不仅要实现分页，还要在点击查看详细页后，能够准确返回先前所在页，这就需要在URL后面传递论坛栏目编号和页码参数。（3）用户管理技术本示例用户可以在线注册，填写个人信息。然后用户可以登录，登录后将用户名和E-mail保存到Session中，然后用户在发表文章时就可以用该用户名了。用户登录后，自然可以随时修改个人信息和密码；如果用户不登录，则可以使用“过客”的名义发表文章。用户注销时，将Session清空即可。,12.3.3 BBS论坛的具体实现,本示例文件较多，下面扼要讲解主要内容，请大家结合源文件中的注释仔细体会。（1）数据库文件bbs.mdb、数

19、据库连接文件odbc_connection.asp、配置文件config.asp、函数文件function.asp、样式文件bbs.css这几个文件类似于12.1节的留言板示例，不过要注意function.asp中的函数PersonalInfo，它将某用户的信息返回到一个数组中，这样可以在需要的时候方便地调用。,（2）BBS首页 index.asp,该页面比较简单，主要是利用循环显示所有栏目的超链接，单击超链接就可以进入相应的栏目。该页面中还会显示用户登录的表单，要注意这里使用了判断语句。如果用户未登录，则显示登录表单和注册按钮；如果已经登录，则显示退出登录、修改个人信息、修改个人密码的超链接

20、。代码如下：,（3）BBS列表页 bbs_list.asp,在首页index.asp单击某栏目的超链接，就可以进入BBS列表页，其中会按发表文章时间倒序并分页显示该栏目的文章，不过只显示第1层主题文章，不显示第2层回复文章。要注意两个特殊的变量intForumId和intPage，前者用来确定显示哪个栏目，后者用来确定显示哪一页？这两个变量在不同的页面之间都要始终记得被传递。在两种情况下intPage要设为1；第一就是从首页打开本栏目时，第二是发表新文章后，这样可以确保马上看到新发表的文章。代码主体部分如下：,（4）发表新文章页 bbs_insert.asp,这其实就是一个普通的添加记录的页面

21、，在添加文章时，和留言板示例一样，可以添加不完整的记录。添加文章后，还需要更新另外两个表，以便更新该栏目文章数目和该用户发表文章数目。下面只列出其中部分代码。,（5）BBS详细页 bbs_particular.asp,单击某一篇文章的主题，就可以进入该文章的详细页。其中首先根据传递过来的文章ID，将本文章的点击数增加1。之后将文章及回复文章全部列出来。其中显示记录时略微复杂一些，每一条记录用2行2列的表格显示，其中显示关于文章和作者的一些信息。在显示作者个人信息时，会调用config.asp中的函数，获取个人信息数组。在本页面下方，还会显示一个回复表单，用户在其中输入内容后，就提交到bbs_r

22、einsert.asp中去执行回复操作。另外，还要注意回复表单中，会将几个重要的变量用隐藏文本框传递过去。主要代码如下：,（6）回复文章页 bbs_reinsert.asp,当在bbs_particular.asp中提交回复表单后，就会打开本页面。其中就是添加一条记录，并且更新相关的表。其中添加记录的语句和bbs_insert.asp中是非常相似的，不过要注意回复文章需要填写正确的父文章ID。因为回复文章并返回BBS列表页时，一般希望还显示原来的数据页，所以最后要将intForumId和intPage都传递回去 代码如下：,（7）用户注册文件1,用户注册过程实际上就是在tbUsers表中增加了

23、一条记录，本示例将其分为了三步。在log_register1.asp中要注册用户名和密码，其中首先要注意会使用客户端JavaScript验证使得输入的用户名和密码符合要求，其次要注意添加记录前要判断该用户名是否已经存在。下面列出其主要代码。,用户注册文件（2）,注册用户名和密码后，就会打开log_register2.asp，其中让用户填写个人的详细信息，提交表单后，就利用Update语句更新信息。下面来看其中的主要代码。,（8）用户登录和注销文件,用户注册后，就可以在BBS首页输入用户名和密码登录了，在log_in.asp中会检查该用户名和密码是否正确，如果正确，将用户名和密码保存到Sessi

24、on中，然后重定向回首页即可。这就表示用户已经登录，可以用该用户名发表文章了。至于注销，则更简单，只是利用Session.Abandon语句将Session清空而已。用户登陆文件代码如下：,（9）用户修改密码和个人信息文件,当用户在首页中登录后，就可以打开这两个文件修改个人密码和个人信息了。其中log_updatePwd.asp先判断旧密码是否正确，如正确就更新为新的密码。log_update.asp和log_register2.asp非常类似，都是利用Update语句来更新记录。不过这里稍微复杂一些，比如对于QQ号码，如果用户原来填写了QQ，现在将其删除了，就需要用NULL（也可以用空字符串

25、）将其清空。例如：ThenstrSql=strSql&,strQQ=&Request.Form(txtQQ)&ElsestrSql=strSql&,strQQ=NULLEnd If%具体代码略。,12.4 本章小结,本章列举了网上最常见的3个例子，介绍了如何综合运用各种技术开发网络程序。在留言板示例中，要掌握包含文件、调用CSS文件、客户端JavaScript验证、添加不完整记录等关键技术在聊天室示例中，要掌握管理聊天信息、管理在线人员名单、客户端JavaScript特效、调用函数等关键技术在BBS示例中，要掌握数据库的结构、分页显示数据、用户注册模块等关键技术其实，网络程序并不是很难，关键是如何综合运用各种技术。请大家自己到网上下载更多的示例来学习。,Thank You!,