服务器端程序开发入门课件

第12章

服务器端程序开发入门第12章

服务器端程序开发入门1ASP的开发

12.2练习与实践：制作留言簿

12.4使用表单

12.3动态网页与ASP12.1小结

ASP的开发12.2练习与实践：制作留言簿12.4使用2本章的目的是使读者对如何使用Dreamweaver8来开发服务器端的程序有一个初步的了解，并不做很深入的探讨。服务器端程序开发有很多选择，如ASP、ASP.Net、JSP、ColdFusion、PHP等很多种，这里以最常见的ASP为例来讲解。在开始编写ASP程序之前，开发者首先需要对网页的“动态”和“静态”概念有一个认识。本章的目的是使读者对如何使用Dreamw3这里所说的动、静并非网页上文字或图片的运动或静止，而是内容的“改变”或“固定”。同时，还需要对ASP的工作原理有一个初步的认识，为熟练使用ASP打下基础。这里所说的动、静并非网页上文字或图片的运412.1动态网页与ASP首先来了解静态页面和动态页面的区别。普通网页是用HTML语言编写的，被称为静态页面。一旦写好，除非改写这些HTML源代码，否则无法更改网页上的内容。这类网页是以“.htm”或“.html”结尾的。12.1动态网页与ASP首先来了解静5ASP是一套服务器端的脚本运行环境，当用户从浏览器向Web服务器请求一个“.asp”文件时，Web服务器并不是像处理普通的HTML文件那样直接传送给浏览器，而是全面读取请求的文件，并执行该文件中包含的所有脚本命令，然后生成一个标准的HTML页面传送给浏览器，即把含有ASP指令的那部分语句替换为标准的HTML语句之后，再传送回浏览器。ASP是一套服务器端的脚本运行环境，当612.2ASP的开发了解了ASP的基本工作原理以后，就可以动手编写ASP程序了。但是ASP网页只有被服务器解析以后才能被客户端浏览器正常访问，即服务器端需要配置解析ASP程序的环境。本节首先介绍ASP常用运行环境的配置方法，然后介绍几个最基本的ASP程序，目的是希望读者对ASP的内部运行机制有更深刻的理解。12.2ASP的开发了解了ASP的基712.2.1ASP运行环境及配置编写ASP网页与编写普通的HTML网页的一个不同之处在于：编写HTML网页，只要有IE等浏览器就可以立即看到网页效果了；而编写ASP网页仅有浏览器是不行的，因为浏览器并不认识网页中的ASP指令，因此必须在开发者的计算机上安装并配制好ASP的运行环境，才能对开发的网页进行测试。12.2.1ASP运行环境及配置编写8ASP是微软公司开发的服务器端脚本环境。对于Windows2000和WindowsXP操作系统，它内含于IIS（InternetInformationServer）组件程序中；而对于WindowsMe操作系统，它内含于PWS（PersonalWebServer）组件程序中。ASP是微软公司开发的服务器端脚本环境。9通常开发动态网站都使用Windows2000或WindowsXP系统，因此本书的所有例子都是建立在IIS的基础上，并且只讲述IIS的使用方法。对于PWS，配制方法基本相同，并且PWS和IIS对于ASP的支持方式没有任何差别。通常开发动态网站都使用Windows210图12-1安装界面图12-1安装界面11图12-2IIS的配置图12-2IIS的配置12图12-3网站的配置图12-3网站的配置13图12-4主目录的配置图12-4主目录的配置14图12-5第一个ASP程序图12-5第一个ASP程序1512.2.2熟悉ASP程序下面通过一个例子来熟悉ASP程序的编写。上面已经举过一个最简单的使用ASP来输出“HelloWorld!”文本的例子，现在再把它扩展一下，使它能显示当前时间。最终的显示时间的效果如图12-6所示。12.2.2熟悉ASP程序下面通过一16图12-6时间例子图12-6时间例子1712.3使用表单很多人有填写问卷调查表的经历，通常见到的问卷调查表是以纸张作为载体，由组织者负责发放、回收和统计。这节要讲到的表单也可以实现这种功能，所不同的是通过表单实现的问卷调查表是以网页作为载体，随着网站的发布而发布到网上，由后台处理系统回收并统计出调查结果。12.3使用表单很多人有填写问18图12-7所示的就是一个典型的含有表单的页面，它执行新用户注册功能，通过表单可以将新用户注册的信息发送到后台程序处进行处理，HTML提供的表单起到信息载体的作用。由此可见，表单需要与后台处理程序相配合才能完成整个注册功能。图12-7所示的就是一个典型的含有表单的19图12-7表单实例图12-7表单实例2012.3.1插入文本域文本域可以显示为单行，即文本字段；也可以显示为多行，即文本区域；还可以以密码的方式显示，即密码域。以密码的方式显示的文本域，通常会将输入的文本替换为星号或项目符号，以防止别人看到这些密码文本。插入网页文本域，主要通过“插入”面板和“插入”菜单来实现。12.3.1插入文本域文本域可以显示21图12-8插入表单标签图12-8插入表单标签22

图12-9插入表格

图12-9插入表格23图12-10插入文本字段图12-10插入文本字段24图12-11文本字段“属性”面板图12-11文本字段“属性”面板25图12-12插入文本域图12-12插入文本域26图12-13文本区域“属性”面板图12-13文本区域“属性”面板2712.3.2插入单选按钮和复选框使用单选按钮，则只能在一组选项中选择一个选项；使用复选框，则可以在一组选项中选择多个选项。单选按钮通常成组地出现，在同一个组中的所有单选按钮必须具有相同的名称。12.3.2插入单选按钮和复选框使用28图12-14插入单选按钮图12-14插入单选按钮29图12-15单选按钮“属性”面板图12-15单选按钮“属性”面板30图12-16插入复选框图12-16插入复选框3112.3.3插入列表/菜单使用列表表单对象，可以为页面插入一个包含有多个项目的列表框，用户可以从中选择一个列表项目；使用菜单表单对象，可以为页面插入一个包含有多个菜单项的下拉菜单，用户可以从中选择一个菜单项目。12.3.3插入列表/菜单使用列表表32图12-17列表/菜单“属性”面板图12-17列表/菜单“属性”面板33图12-18“列表值”对话框图12-18“列表值”对话框34图12-19插入菜单图12-19插入菜单3512.3.4插入按钮一般来说，按钮放于表单页面的最底端。使用按钮可以将用户填写的表单数据提交到服务器后台程序中，或者重置该表单内容。12.3.4插入按钮一般来说，按钮放36图12-20按钮“属性”面板图12-20按钮“属性”面板37图12-21最终效果图12-21最终效果3812.4练习与实践：制作留言簿在这一节中，我们将完整地制作一个网上留言簿，它能实现如下的功能：进入留言板页面，如图12-22所示，可以分页显示留言，为了便于测试，每页显示2条留言；单击“我要留言”链接后，进入留言页面，如图12-23所示，输入姓名，性别，留言内容以后，单击按钮，留言成功后就会在“显示留言”页面出现了；而且最新的留言在最前面；并且可以根据留言时输入的性别，显示不同的头像。12.4练习与实践：制作留言簿在这一39图12-22显示留言页面图12-22显示留言页面40图12-23添加留言页面图12-23添加留言页面4112.4.1准备工作首先来做一些必要的准备工作，包括两个方面，一是确认预备文件正确，二是正确设置IIS。12.4.1准备工作首先来做一些必要42图12-24设置主目录图12-24设置主目录43图12-25留言簿的静态页面图12-25留言簿的静态页面4412.4.2建立站点在开始制作页面之前，首先准备文件并建立站点，形成如下的情形：在“E:\guestbook”文件夹中有一个index.htm文件，还有一个放置图片文件的images文件夹。注意这里的“E:\guestbook”文件夹正是上面在IIS中设置的主目录的本地路径。其中的index.htm可以读者自己来设计，内容与图12-25一致即可。12.4.2建立站点在开始制作页面之45图12-26设置站点图12-26设置站点4612.4.3建立数据库下面将留言簿中所用到的数据库表列出，并对表中的每个字段作简要的介绍，以便更好地学习后面的程序。这里使用Access数据库，留言簿包括以下字段：①编号（ID）②访客名字（Name）12.4.3建立数据库下面将留言簿中47③头像编号（Icon），用来通过图片显示留言人的性别④留言内容（Content）⑤留言时间（addDate）③头像编号（Icon），用来通过图片显示留言人的性别48图12-27保存数据库图图12-27保存数据库图49图12-28设置数据库图12-28设置数据库50（a）

（a）51（b）

图12-29创建表（b）图12-29创建表52图12-30在表格中输入3行数据图12-30在表格中输入3行数据5312.4.4制作显示留言页面（index.asp)图12-31设置连接字符串12.4.4制作显示留言页面（index.asp)图1254

图12-32服务器行为面板

图12-32服务器行为面板55图12-33设置记录集图12-33设置记录集56图12-34绑定面板图12-34绑定面板57图12-35绑定以后的页面图12-35绑定以后的页面58图12-36已经成功从数据库中取得相应的数据图12-36已经成功从数据库中取得相应的数据59图12-37图片的属性面板图12-37图片的属性面板60图12-38为图片绑定数据源图12-38为图片绑定数据源61图12-39设定URL图12-39设定URL62图12-40使用扩展模式来显示表格图12-40使用扩展模式来显示表格63图12-41选中一条留言所占的一行图12-41选中一条留言所占的一行64图12-42设定为每页显示两条留言图12-42设定为每页显示两条留言65图12-43设置显示区域图12-43设置显示区域66图12-44在浏览器中预览效果图12-44在浏览器中预览效果67图12-45实现翻页功能后的效果图12-45实现翻页功能后的效果6812.4.5制作添加留言页面（insert.asp）留言簿除了能够显示留言之外，还必须能够添加新的留言，这里我们把做好的index.asp页面留存为insert.asp，在它的基础上制作添加留言页面。12.4.5制作添加留言页面（insert.asp）69图12-46制作基本页面图12-46制作基本页面70图12-47清理服务器行为图12-47清理服务器行为71图12-48“插入记录表单”对话框图12-48“插入记录表单”对话框72图12-49页面中插入记录表单图12-49页面中插入记录表单73图12-50在留言簿中留言图12-50在留言簿中留言74图12-51添加留言的功能已经实现图12-51添加留言的功能已经实现75小结服务器端的程序开发，内容非常多，我们在这里只是实现一个很简单的小程序，目的是使读者对这部分知识有个最基本的认识。需要指出的是，尽管Dreamweaver已经提供了许多辅助功能开发服务器端的程序，但是如果希望比较自如地使用Dreamweaver的这些功能，开发出更为复杂的服务器端程序，还是需要使用者对ASP或其他的服务器端技术有较深入的掌握。小结服务器端的程序开发，内容非常76第12章

服务器端程序开发入门第12章

服务器端程序开发入门77ASP的开发

12.2练习与实践：制作留言簿

12.4使用表单

12.3动态网页与ASP12.1小结

ASP的开发12.2练习与实践：制作留言簿12.4使用78本章的目的是使读者对如何使用Dreamweaver8来开发服务器端的程序有一个初步的了解，并不做很深入的探讨。服务器端程序开发有很多选择，如ASP、ASP.Net、JSP、ColdFusion、PHP等很多种，这里以最常见的ASP为例来讲解。在开始编写ASP程序之前，开发者首先需要对网页的“动态”和“静态”概念有一个认识。本章的目的是使读者对如何使用Dreamw79这里所说的动、静并非网页上文字或图片的运动或静止，而是内容的“改变”或“固定”。同时，还需要对ASP的工作原理有一个初步的认识，为熟练使用ASP打下基础。这里所说的动、静并非网页上文字或图片的运8012.1动态网页与ASP首先来了解静态页面和动态页面的区别。普通网页是用HTML语言编写的，被称为静态页面。一旦写好，除非改写这些HTML源代码，否则无法更改网页上的内容。这类网页是以“.htm”或“.html”结尾的。12.1动态网页与ASP首先来了解静81ASP是一套服务器端的脚本运行环境，当用户从浏览器向Web服务器请求一个“.asp”文件时，Web服务器并不是像处理普通的HTML文件那样直接传送给浏览器，而是全面读取请求的文件，并执行该文件中包含的所有脚本命令，然后生成一个标准的HTML页面传送给浏览器，即把含有ASP指令的那部分语句替换为标准的HTML语句之后，再传送回浏览器。ASP是一套服务器端的脚本运行环境，当8212.2ASP的开发了解了ASP的基本工作原理以后，就可以动手编写ASP程序了。但是ASP网页只有被服务器解析以后才能被客户端浏览器正常访问，即服务器端需要配置解析ASP程序的环境。本节首先介绍ASP常用运行环境的配置方法，然后介绍几个最基本的ASP程序，目的是希望读者对ASP的内部运行机制有更深刻的理解。12.2ASP的开发了解了ASP的基8312.2.1ASP运行环境及配置编写ASP网页与编写普通的HTML网页的一个不同之处在于：编写HTML网页，只要有IE等浏览器就可以立即看到网页效果了；而编写ASP网页仅有浏览器是不行的，因为浏览器并不认识网页中的ASP指令，因此必须在开发者的计算机上安装并配制好ASP的运行环境，才能对开发的网页进行测试。12.2.1ASP运行环境及配置编写84ASP是微软公司开发的服务器端脚本环境。对于Windows2000和WindowsXP操作系统，它内含于IIS（InternetInformationServer）组件程序中；而对于WindowsMe操作系统，它内含于PWS（PersonalWebServer）组件程序中。ASP是微软公司开发的服务器端脚本环境。85通常开发动态网站都使用Windows2000或WindowsXP系统，因此本书的所有例子都是建立在IIS的基础上，并且只讲述IIS的使用方法。对于PWS，配制方法基本相同，并且PWS和IIS对于ASP的支持方式没有任何差别。通常开发动态网站都使用Windows286图12-1安装界面图12-1安装界面87图12-2IIS的配置图12-2IIS的配置88图12-3网站的配置图12-3网站的配置89图12-4主目录的配置图12-4主目录的配置90图12-5第一个ASP程序图12-5第一个ASP程序9112.2.2熟悉ASP程序下面通过一个例子来熟悉ASP程序的编写。上面已经举过一个最简单的使用ASP来输出“HelloWorld!”文本的例子，现在再把它扩展一下，使它能显示当前时间。最终的显示时间的效果如图12-6所示。12.2.2熟悉ASP程序下面通过一92图12-6时间例子图12-6时间例子9312.3使用表单很多人有填写问卷调查表的经历，通常见到的问卷调查表是以纸张作为载体，由组织者负责发放、回收和统计。这节要讲到的表单也可以实现这种功能，所不同的是通过表单实现的问卷调查表是以网页作为载体，随着网站的发布而发布到网上，由后台处理系统回收并统计出调查结果。12.3使用表单很多人有填写问94图12-7所示的就是一个典型的含有表单的页面，它执行新用户注册功能，通过表单可以将新用户注册的信息发送到后台程序处进行处理，HTML提供的表单起到信息载体的作用。由此可见，表单需要与后台处理程序相配合才能完成整个注册功能。图12-7所示的就是一个典型的含有表单的95图12-7表单实例图12-7表单实例9612.3.1插入文本域文本域可以显示为单行，即文本字段；也可以显示为多行，即文本区域；还可以以密码的方式显示，即密码域。以密码的方式显示的文本域，通常会将输入的文本替换为星号或项目符号，以防止别人看到这些密码文本。插入网页文本域，主要通过“插入”面板和“插入”菜单来实现。12.3.1插入文本域文本域可以显示97图12-8插入表单标签图12-8插入表单标签98

图12-9插入表格

图12-9插入表格99图12-10插入文本字段图12-10插入文本字段100图12-11文本字段“属性”面板图12-11文本字段“属性”面板101图12-12插入文本域图12-12插入文本域102图12-13文本区域“属性”面板图12-13文本区域“属性”面板10312.3.2插入单选按钮和复选框使用单选按钮，则只能在一组选项中选择一个选项；使用复选框，则可以在一组选项中选择多个选项。单选按钮通常成组地出现，在同一个组中的所有单选按钮必须具有相同的名称。12.3.2插入单选按钮和复选框使用104图12-14插入单选按钮图12-14插入单选按钮105图12-15单选按钮“属性”面板图12-15单选按钮“属性”面板106图12-16插入复选框图12-16插入复选框10712.3.3插入列表/菜单使用列表表单对象，可以为页面插入一个包含有多个项目的列表框，用户可以从中选择一个列表项目；使用菜单表单对象，可以为页面插入一个包含有多个菜单项的下拉菜单，用户可以从中选择一个菜单项目。12.3.3插入列表/菜单使用列表表108图12-17列表/菜单“属性”面板图12-17列表/菜单“属性”面板109图12-18“列表值”对话框图12-18“列表值”对话框110图12-19插入菜单图12-19插入菜单11112.3.4插入按钮一般来说，按钮放于表单页面的最底端。使用按钮可以将用户填写的表单数据提交到服务器后台程序中，或者重置该表单内容。12.3.4插入按钮一般来说，按钮放112图12-20按钮“属性”面板图12-20按钮“属性”面板113图12-21最终效果图12-21最终效果11412.4练习与实践：制作留言簿在这一节中，我们将完整地制作一个网上留言簿，它能实现如下的功能：进入留言板页面，如图12-22所示，可以分页显示留言，为了便于测试，每页显示2条留言；单击“我要留言”链接后，进入留言页面，如图12-23所示，输入姓名，性别，留言内容以后，单击按钮，留言成功后就会在“显示留言”页面出现了；而且最新的留言在最前面；并且可以根据留言时输入的性别，显示不同的头像。12.4练习与实践：制作留言簿在这一115图12-22显示留言页面图12-22显示留言页面116图12-23添加留言页面图12-23添加留言页面11712.4.1准备工作首先来做一些必要的准备工作，包括两个方面，一是确认预备文件正确，二是正确设置IIS。12.4.1准备工作首先来做一些必要118图12-24设置主目录图12-24设置主目录119图12-25留言簿的静态页面图12-25留言簿的静态页面12012.4.2建立站点在开始制作页面之前，首先准备文件并建立站点，形成如下的情形：在“E:\guestbook”文件夹中有一个index.htm文件，还有一个放置图片文件的images文件夹。注意这里的“E:\guestbook”文件夹正是上面在IIS中设置的主目录的本地路径。其中的index.htm可以读者自己来设计，内容与图12-25一致即可。12.4.2建立站点在开始制作页面之121图12-26设置站点图12-26设置站点12212.4.3建立数据库下面将留言簿中所用到的数据库表列出，并对表中的每个字段作简要的介绍，以便更好地学习后面的程序。这里使用Access数据库，留言簿包括以下字段：①编号（ID）②访客名字（Name）12.4.3建立数据库下面将留言簿中123③头像编号（Icon），用来通过图片显示留言人的性别④留言内容（Content）⑤留言时间（addDate）③头像编号（Icon），用来通过图片显示留言人的性别124图12-27保存数据库图图12-27保存数据库图125图12-28设置数据库图12-28设置数据库126（a）

（a）127（b）

图12-29创建表（b）图12-29创建表128图12-30在表格中输入3行数据图12-30在表格中输入3行数据12912.4.4制作显示留言页面（index.asp)图12-31设置连接字符串12.4.4制作显示留言页面（index.asp)图12130

图