1、第第1212章章服务器端程序开发入门服务器端程序开发入门ASP的开发的开发 12.2练习与实践：制作留言簿练习与实践：制作留言簿 12.4使使 用用 表表 单单 12.3动态网页与动态网页与ASP 12.1小结小结 本章的目的是使读者对如何使用本章的目的是使读者对如何使用Dreamweaver 8来开发服务器端的程序有来开发服务器端的程序有一个初步的了解，并不做很深入的探讨。一个初步的了解，并不做很深入的探讨。服务器端程序开发有很多选择，如服务器端程序开发有很多选择，如ASP、ASP.Net、JSP、ColdFusion、PHP等很等很多种，这里以最常见的多种，这里以最常见的ASP为例来讲解。
2、为例来讲解。在开始编写在开始编写ASP程序之前，开发者首先需程序之前，开发者首先需要对网页的要对网页的“动态动态”和和“静态静态”概念有一概念有一个认识。个认识。这里所说的动、静并非网页上文字或这里所说的动、静并非网页上文字或图片的运动或静止，而是内容的图片的运动或静止，而是内容的“改变改变”或或“固定固定”。同时，还需要对。同时，还需要对ASP的工作的工作原理有一个初步的认识，为熟练使用原理有一个初步的认识，为熟练使用ASP打下基础。打下基础。12.1 动态网页与动态网页与ASP 首先来了解静态页面和动态页面的区首先来了解静态页面和动态页面的区别。普通网页是用别。普通网页是用HTML语言编写
3、的，被称语言编写的，被称为静态页面。一旦写好，除非改写这些为静态页面。一旦写好，除非改写这些HTML源代码，否则无法更改网页上的内容。源代码，否则无法更改网页上的内容。这类网页是以这类网页是以“.htm”或或“.html”结尾的。结尾的。ASP是一套服务器端的脚本运行环境，是一套服务器端的脚本运行环境，当用户从浏览器向当用户从浏览器向Web服务器请求一个服务器请求一个“.asp”文件时，文件时，Web服务器并不是像处理服务器并不是像处理普通的普通的HTML文件那样直接传送给浏览器，文件那样直接传送给浏览器，而是全面读取请求的文件，并执行该文件而是全面读取请求的文件，并执行该文件中包含的所有脚本
4、命令，然后生成一个标中包含的所有脚本命令，然后生成一个标准的准的HTML页面传送给浏览器，即把含有页面传送给浏览器，即把含有ASP指令的那部分语句替换为标准的指令的那部分语句替换为标准的HTML语句之后，再传送回浏览器。语句之后，再传送回浏览器。12.2 ASP的开发的开发 了解了了解了ASP的基本工作原理以后，就的基本工作原理以后，就可以动手编写可以动手编写ASP程序了。但是程序了。但是ASP网页网页只有被服务器解析以后才能被客户端浏览只有被服务器解析以后才能被客户端浏览器正常访问，即服务器端需要配置解析器正常访问，即服务器端需要配置解析ASP程序的环境。本节首先介绍程序的环境。本节首先介绍
5、ASP常用常用运行环境的配置方法，然后介绍几个最基运行环境的配置方法，然后介绍几个最基本的本的ASP程序，目的是希望读者对程序，目的是希望读者对ASP的的内部运行机制有更深刻的理解。内部运行机制有更深刻的理解。12.2.1 ASP运行环境及配置运行环境及配置 编写编写ASP网页与编写普通的网页与编写普通的HTML网页网页的一个不同之处在于：编写的一个不同之处在于：编写HTML网页，只网页，只要有要有IE等浏览器就可以立即看到网页效果等浏览器就可以立即看到网页效果了；而编写了；而编写ASP网页仅有浏览器是不行的，网页仅有浏览器是不行的，因为浏览器并不认识网页中的因为浏览器并不认识网页中的ASP指
6、令，指令，因此必须在开发者的计算机上安装并配制因此必须在开发者的计算机上安装并配制好好ASP的运行环境，才能对开发的网页进的运行环境，才能对开发的网页进行测试。行测试。ASP是微软公司开发的服务器端脚本是微软公司开发的服务器端脚本环境。对于环境。对于Windows 2000和和Windows XP操作系统，它内含于操作系统，它内含于IIS（Internet Information Server）组件程序中；而对于）组件程序中；而对于Windows Me操作系统，它内含于操作系统，它内含于PWS（Personal Web Server）组件程序中。）组件程序中。通常开发动态网站都使用通常开发动态
7、网站都使用Windows 2000或或Windows XP系统，因此本书的所系统，因此本书的所有例子都是建立在有例子都是建立在IIS的基础上，并且只讲的基础上，并且只讲述述IIS的使用方法。对于的使用方法。对于PWS，配制方法基，配制方法基本相同，并且本相同，并且PWS和和IIS对于对于ASP的支持方的支持方式没有任何差别。式没有任何差别。图图12-1 12-1 安装界面安装界面 图图12-2 IIS12-2 IIS的配置的配置 图图12-3 12-3 网站的配置网站的配置 图图12-4 12-4 主目录的配置主目录的配置 图图12-5 12-5 第一个第一个ASPASP程序程序12.2.2
8、熟悉熟悉ASP程序程序 下面通过一个例子来熟悉下面通过一个例子来熟悉ASP程序的程序的编写。上面已经举过一个最简单的使用编写。上面已经举过一个最简单的使用ASP来输出来输出“Hello World!”文本的例子，文本的例子，现在再把它扩展一下，使它能显示当前时现在再把它扩展一下，使它能显示当前时间。最终的显示时间的效果如图间。最终的显示时间的效果如图12-6所示。所示。图图12-6 12-6 时间例子时间例子12.3 使使 用用 表表 单单 很多人有填写问卷调查表的经历，通很多人有填写问卷调查表的经历，通常见到的问卷调查表是以纸张作为载体，常见到的问卷调查表是以纸张作为载体，由组织者负责发放、
9、回收和统计。这节要由组织者负责发放、回收和统计。这节要讲到的表单也可以实现这种功能，所不同讲到的表单也可以实现这种功能，所不同的是通过表单实现的问卷调查表是以网页的是通过表单实现的问卷调查表是以网页作为载体，随着网站的发布而发布到网上，作为载体，随着网站的发布而发布到网上，由后台处理系统回收并统计出调查结果。由后台处理系统回收并统计出调查结果。图图12-7所示的就是一个典型的含有表所示的就是一个典型的含有表单的页面，它执行新用户注册功能，通过单的页面，它执行新用户注册功能，通过表单可以将新用户注册的信息发送到后台表单可以将新用户注册的信息发送到后台程序处进行处理，程序处进行处理，HTML提供的
10、表单起到信提供的表单起到信息载体的作用。由此可见，表单需要与后息载体的作用。由此可见，表单需要与后台处理程序相配合才能完成整个注册功能。台处理程序相配合才能完成整个注册功能。图图12-7 12-7 表单实例表单实例12.3.1 插入文本域插入文本域 文本域可以显示为单行，即文本字段；文本域可以显示为单行，即文本字段；也可以显示为多行，即文本区域；还可以也可以显示为多行，即文本区域；还可以以密码的方式显示，即密码域。以密码的以密码的方式显示，即密码域。以密码的方式显示的文本域，通常会将输入的文本方式显示的文本域，通常会将输入的文本替换为星号或项目符号，以防止别人看到替换为星号或项目符号，以防止别
11、人看到这些密码文本。这些密码文本。插入网页文本域，主要通过插入网页文本域，主要通过“插入插入”面板和面板和“插入插入”菜单来实现。菜单来实现。图图12-8 12-8 插入表单标签插入表单标签 图图12-9 12-9 插入表格插入表格 图图12-10 12-10 插入文本字段插入文本字段图图12-11 12-11 文本字段文本字段“属性属性”面板面板图图12-12 12-12 插入文本域插入文本域图图12-13 12-13 文本区域文本区域“属性属性”面板面板12.3.2 插入单选按钮和复选框插入单选按钮和复选框 使用单选按钮，则只能在一组选项中使用单选按钮，则只能在一组选项中选择一个选项；使用
12、复选框，则可以在一选择一个选项；使用复选框，则可以在一组选项中选择多个选项。单选按钮通常成组选项中选择多个选项。单选按钮通常成组地出现，在同一个组中的所有单选按钮组地出现，在同一个组中的所有单选按钮必须具有相同的名称。必须具有相同的名称。图图12-14 12-14 插入单选按钮插入单选按钮图图12-15 12-15 单选按钮单选按钮“属性属性”面板面板 图图12-16 12-16 插入复选框插入复选框 12.3.3 插入列表插入列表/菜单菜单 使用列表表单对象，可以为页面插入使用列表表单对象，可以为页面插入一个包含有多个项目的列表框，用户可以一个包含有多个项目的列表框，用户可以从中选择一个列表
13、项目；使用菜单表单对从中选择一个列表项目；使用菜单表单对象，可以为页面插入一个包含有多个菜单象，可以为页面插入一个包含有多个菜单项的下拉菜单，用户可以从中选择一个菜项的下拉菜单，用户可以从中选择一个菜单项目。单项目。图图12-17 12-17 列表列表/菜单菜单“属性属性”面板面板图图12-18 “12-18 “列表值列表值”对话框对话框图图12-19 12-19 插入菜单插入菜单 12.3.4 插入按钮插入按钮 一般来说，按钮放于表单页面的最底一般来说，按钮放于表单页面的最底端。使用按钮可以将用户填写的表单数据端。使用按钮可以将用户填写的表单数据提交到服务器后台程序中，或者重置该表提交到服务
14、器后台程序中，或者重置该表单内容。单内容。图图12-20 12-20 按钮按钮“属性属性”面板面板图图12-21 12-21 最终效果最终效果12.4 练习与实践：制作留言簿练习与实践：制作留言簿 在这一节中，我们将完整地制作一个在这一节中，我们将完整地制作一个网上留言簿，它能实现如下的功能：进入网上留言簿，它能实现如下的功能：进入留言板页面，如图留言板页面，如图12-22所示，可以分页显所示，可以分页显示留言，为了便于测试，每页显示示留言，为了便于测试，每页显示2条留言；条留言；单击单击“我要留言我要留言”链接后，进入留言页面，链接后，进入留言页面，如图如图12-23所示，输入姓名，性别，留
15、言内所示，输入姓名，性别，留言内容以后，单击按钮，留言成功后就会在容以后，单击按钮，留言成功后就会在“显示留言显示留言”页面出现了；而且最新的留页面出现了；而且最新的留言在最前面；并且可以根据留言时输入的言在最前面；并且可以根据留言时输入的性别，显示不同的头像。性别，显示不同的头像。图图12-22 12-22 显示留言页面显示留言页面图图12-23 12-23 添加留言页面添加留言页面 12.4.1 准备工作准备工作 首先来做一些必要的准备工作，包括首先来做一些必要的准备工作，包括两个方面，一是确认预备文件正确，二是两个方面，一是确认预备文件正确，二是正确设置正确设置IIS。图图12-24 1
16、2-24 设置主目录设置主目录图图12-25 12-25 留言簿的静态页面留言簿的静态页面12.4.2 建立站点建立站点 在开始制作页面之前，首先准备文件在开始制作页面之前，首先准备文件并建立站点，形成如下的情形：在并建立站点，形成如下的情形：在“E:guestbook”文件夹中有一个文件夹中有一个index.htm文件，还有一个放置图片文件的文件，还有一个放置图片文件的images文件夹。文件夹。注意这里的注意这里的“E:guestbook”文件夹正文件夹正是上面在是上面在IIS中设置的主目录的本地路径。中设置的主目录的本地路径。其中的其中的index.htm可以读者自己来设计，内可以读者自
17、己来设计，内容与图容与图12-25一致即可。一致即可。图图12-26 12-26 设置站点设置站点12.4.3 建立数据库建立数据库 下面将留言簿中所用到的数据库表列下面将留言簿中所用到的数据库表列出，并对表中的每个字段作简要的介绍，出，并对表中的每个字段作简要的介绍，以便更好地学习后面的程序。以便更好地学习后面的程序。这里使用这里使用Access数据库，留言簿包括数据库，留言簿包括以下字段：以下字段：编号（编号（ID）访客名字（访客名字（Name）头像编号（头像编号（Icon），用来通过图片显示），用来通过图片显示留言人的性别留言人的性别 留言内容（留言内容（Content）留言时间（留言时
18、间（addDate）图图12-27 12-27 保存数据库图保存数据库图 图图12-28 12-28 设置数据库设置数据库 （a a）（b b）图图12-29 12-29 创建表创建表图图12-30 12-30 在表格中输入在表格中输入3 3行数据行数据12.4.4 制作显示留言页面（index.asp)图图12-31 12-31 设置连接字符串设置连接字符串 图图12-32 12-32 服务器行为面板服务器行为面板 图图12-33 12-33 设置记录集设置记录集 图图12-34 12-34 绑定面板绑定面板 图图12-35 12-35 绑定以后的页面绑定以后的页面图图12-36 12-36
19、 已经成功从数据库中取得相应的数据已经成功从数据库中取得相应的数据图图12-37 12-37 图片的属性面板图片的属性面板图图12-38 12-38 为图片绑定数据源为图片绑定数据源图图12-39 12-39 设定设定URLURL图图12-40 12-40 使用扩展模式来显示表格使用扩展模式来显示表格图图12-41 12-41 选中一条留言所占的一行选中一条留言所占的一行图图12-42 设定为每页显示两条留言设定为每页显示两条留言图图12-43 12-43 设置显示区域设置显示区域图图12-44 12-44 在浏览器中预览效果在浏览器中预览效果图图12-45 12-45 实现翻页功能后的效果实
20、现翻页功能后的效果12.4.5 制作添加留言页面（制作添加留言页面（insert.asp）留言簿除了能够显示留言之外，还必留言簿除了能够显示留言之外，还必须能够添加新的留言，这里我们把做好的须能够添加新的留言，这里我们把做好的index.asp页面留存为页面留存为insert.asp，在它的，在它的基础上制作添加留言页面。基础上制作添加留言页面。图图12-46 12-46 制作基本页面制作基本页面图图12-47 12-47 清理服务器行为清理服务器行为图图12-48 “12-48 “插入记录表单插入记录表单”对话框对话框 图图12-49 12-49 页面中插入记录表单页面中插入记录表单图图12
21、-50 12-50 在留言簿中留言在留言簿中留言图图12-51 12-51 添加留言的功能已经实现添加留言的功能已经实现小小 结结 服务器端的程序开发，内容非常多，服务器端的程序开发，内容非常多，我们在这里只是实现一个很简单的小程序，我们在这里只是实现一个很简单的小程序，目的是使读者对这部分知识有个最基本的目的是使读者对这部分知识有个最基本的认识。需要指出的是，尽管认识。需要指出的是，尽管Dreamweaver已经提供了许多辅助功能开发服务器端的已经提供了许多辅助功能开发服务器端的程序，但是如果希望比较自如地使用程序，但是如果希望比较自如地使用Dreamweaver的这些功能，开发出更为复的这些功能，开发出更为复杂的服务器端程序，还是需要使用者对杂的服务器端程序，还是需要使用者对ASP或其他的服务器端技术有较深入的掌或其他的服务器端技术有较深入的掌握。握。
