第12章网络程序开发实例知识讲解

《第12章网络程序开发实例知识讲解》由会员分享，可在线阅读，更多相关《第12章网络程序开发实例知识讲解（51页珍藏版）》请在金锄头文库上搜索。

1、第12章网络程序开发实例,本章内容简介,12.1 留言板,12.1.1 留言板的总体设计 12.1.2 留言板的关键技术 12.1.3 留言板的具体实现,留言板,留言板可以说是网上最常见的，本节就利用数据库来实现一个功能比较完整的留言板，它的首页如下图：,12.1.2 留言板的关键技术（1）,这个留言板相对比较简单，但也有以下几点关键之处： （1）添加不完整记录 很多时候，都应该允许用户添加不完整的信息，比如本示例应该允许用户省略留言内容或E-mail地址。在8.3.2节简单讲过如何添加不完整的记录，在9.4.4节里也举例谈过利用AddNew添加不完整记录的方法。本节再来讲另外一种方法。 该方

2、法采取在添加记录时将Insert语句分为前后两部分，根据用户提交信息分别组织前半句和后半句，最后再组成完整的Insert语句。具体实现我们稍后看insert.asp文件。,12.1.2 留言板的关键技术（2）,（2）对文本的处理 在添加记录时，如果用户提交的信息中包含了英文单引号，就会和SQL语句中的单引号发生冲突错误。为了解决该错误，可以在添加记录时将单引号替换为连续两个单引号，这样就不会发生错误，而且在字段中也只会添加一个单引号。 另外，在读取记录时，如果不进行处理就原样输出，就无法实现换行效果；另外，用户输入的HTML代码也会被执行。而在留言板中，我们一般希望能够实现换行显示的效果，并且

3、能够直接显示用户输入的HTML代码。这样就需要用字符串函数将其中的特殊字符替换为相应的HTML标记或字符实体，比如将用户在文本框中输入的回车换行符替换为，将用户输入的空格替换为。 关于文本处理技术，请结合function.asp认真体会。,12.1.2 留言板的关键技术（3）,（3）管理留言 对于大型网站，一般有专门的管理系统，管理员登录后就可以管理各种信息，可是对于这个简单的留言板系统，没有必要去建立一套专门的管理系统，可以将管理密码直接写在ASP文件中，当要删除留言时必须输入该密码才行，否则拒绝操作。 这也是小型网站经常采取的管理方法，稍后我们结合delete.asp进行详细讲解。,12.

4、1.2 留言板的关键技术（4）,（4）客户端JavaScript验证 在填写表单信息时，通常要求用户按照一定的规则填写，比如必须填写某些信息。这样就需要来验证用户填写的信息是否符合规则，当然，这可以在用户提交表单后进行验证。不过，利用客户端的JavaScript验证代码，可以在提交表单前在客户端就进行验证，符合规则后才提交到服务器端，这样就可以减轻服务器的负担。 稍后我们结合index.asp进行详细讲解。,12.1.3 留言板的具体实现,下面首先讲解几个公共文件，然后依次讲解添加留言的主要文件。 （1）连接数据库文件odbc_connection.asp和配置文件config.asp 连接数

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

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

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

8、的记录编号ID保存在了隐藏文本框中；然后提交表单后再用Requet.Form获取到该ID值。这样可以确保不出错误。 下面请看代码：,12.2 聊天室,12.2.1 聊天室的总体设计 12.2.2 聊天室的关键技术 12.2.3 聊天室的具体实现,聊天室,聊天室作为一个能够吸引人气的栏目，备受各大网站青睐。我们在第五章也曾开发过一个简单的聊天室，本节就在此基础上开发一个功能更加完善的聊天室，其中聊天室主界面如下图：,聊天室讲解,下面依次讲解。 （1）配置文件config.asp、样式文件chat.css 这两个文件用来配置一些常数和CSS样式，类似于留言板，这里不再赘述。 （2）函数文件func

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

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

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

12、sp,该页面也很简单，就是读取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应该是网上最早流行的栏目，给大家提供了一个空间，可

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

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

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

16、datePwd.asp其中可修改当前用户的密码。 （13）用户修改个人信息页log_update.asp其中可修改个人的详细信息。 （14）odbc_connection.asp、config.asp、function.asp、bbs.css这些是公共文件，用来存放数据库连接语句、几个常量、函数和CSS样式。,12.3.2 BBS论坛的关键技术,该BBS中涉及到如下关键技术 ： （1）复杂数据库设计 在之前的例子中，通常只用到了一张数据表，但是在大型程序中，通常会用到许多数据表。因此请大家在本示例中要体会如何使用多张表。比如在发表新文章时，除了更新tbBBS表外，还要同时更新tbForum和tbUsers表。 （2）数据分页显示的综合处理技术 不仅要实现分页，还要在点击查看详细页后，能够准确返回先前所在页，这就需要在URL后面传递论坛栏目编号和页码参数。 （3）用户管理技术 本示例用户可以在线注册，填写个人信息。 然后用户可以登录，登录后将用户名和E-mail保存到Session中，然后用户在发表文章时就可以用该用户名了。 用户登录后，自然可以随时修改个人信息和密码；如果用户不登录