第11章

第11章null 第十一章动态网页设计第十一章动态网页设计本章学习目标本章学习目标理解表单的作用掌握表单及表单域的使用方法掌握服务器环境的配置掌握简单留言本的制作方法1. 表单1. 表单1.什么是表单 2.表单域的类型 3.表单 null什么是表单表单是用于实现网页浏览者与服务器之间信息交互的一种页面元素，在WWW上它被广泛用作各种信息的收集和反馈。如图所示是两个表单null 不论...

null 第十一章动态网页设计第十一章动态网页设计本章学习目标本章学习目标理解表单的作用掌握表单及表单域的使用方法掌握服务器环境的配置掌握简单留言本的制作方法1. 表单1. 表单1.什么是表单 2.表单域的类型 3.表单 null什么是表单表单是用于实现网页浏览者与服务器之间信息交互的一种页面元素，在WWW上它被广泛用作各种信息的收集和反馈。如图所示是两个表单null 不论是什么类型的表单，基本的工作原理都一样。当浏览者浏览该表单页面，填写或选择相应的信息后，点击“提交”按钮，将填写或选择的信息以指定的方式发送到服务器端，由服务器端特定的程序处理，处理的结果是向客户端返回一个页面（例如通知注册成功页面）或者在服务器端完成相应的操作（例如数据库操作）。因此，动态网页技术不仅需要表单，还需要服务器端处理程序来共同实现动态效果。null 通过对比，我们可以总结出典型的表单组成内容：（1）表单标签：这里面包含了处理表单数据所用程序的URL地址和数据提交到服务器的方法。（2）表单域：包含了文本字段、密码框、隐藏域、多行文本区域、复选框、单选钮、下拉选择框和文件上传框等类型。用于接受用户输入或选择的信息。（3）表单按钮：包括提交按钮、复位按钮和一般按钮。用于将数据传送到服务器或者取消输入，还可以用表单按钮来控制其他脚本处理语句的处理工作 2 .表单域的类型 2 .表单域的类型 HTML定义了以下类型的表单域：（1）文本框：文本框可以接受用户的输入信息。文本框分为两种：单行文本字段、密码框和多行的文本区域。对于任何一种文本框，所输入的文本将作为该表单域的当前值（2）复选框：复选框使用户可以选择信息。对于多个具有同一名称的复选框，用户可以选中其中的一个或多个。（3）单选钮：单选钮与复选框类似，也用于选择信息。但是，对于具有同一名称的多个单选钮，用户只能选择其中一个。null（4）按钮：可以创建3种类型的按钮：提交按钮（Submit按钮，单击该按钮可以提交表单）、重置按钮（Reset按钮，单击该按钮可以使所有表单域恢复其初始值）和普通按钮。（5）列表/菜单：“列表/菜单”使用户可以从列举的多个值中选择一个（菜单）或多个值（列表）。可以设置“初始化值”来给出默认信息。（6）文件选择框：文件选择框使用户可以选择文件，以便这些文件（以文件的路径名称提交）可以与表单一起提交。（7）隐藏域：隐藏域并不在表单中显示，但其值能与表单一起提交。该表单域通常用于保存一些特定信息。3 .表单 3 .表单通过前面的介绍，相信大家对表单有了初步的了解。接下来我们将逐步并详细的介绍表单的创建、编辑和应用。 1．Form标签如果要在网页中添加表单域，应首先添加表单，即定义表单的数据采集的范围。（1）表单的创建在插入面板上选择“表单”标签，点击按钮，表单将插入到页面中 null插入表单后效果如图注意： 1．插入表单的HTML语法为：＜FORM Action="URL" Method="GET|POST" Enctype="MIME类型" TARGET="..."＞ . . .（表单元素）＜/FORM＞ 2．FORM标签不能嵌套，即表单不能嵌套。（2）表单的属性设置在页面中选中表单（如果不能选中整个表单，可以在页面的左下侧点击中的 “

”实现表单的快速选择），在属性面板中出现表单的属性选项（2）表单的属性设置在页面中选中表单（如果不能选中整个表单，可以在页面的左下侧点击中的 “”实现表单的快速选择），在属性面板中出现表单的属性选项动作（Action）：指定处理已提交表单数据的程序（能处理表单数据，一般是动态技术网页，如ASP、JSP、PHP等）。它可以是一个URL地址或一个电子邮件地址。方法（Method）：指明提交表单的HTTP方法（发送数据的方法）。可能的值为POST和GET。提示：POST方法将表单数据作为一个数据整体发送给服务器。发送时将数据按照一定的编码方法编码作为HTTP内容发送。 GET方法把“名称－值”对加在动作（Action）的URL后面并且把新的URL送至服务器，即在URL的末尾附加要向服务器发送的消息。这是向前兼容的缺省值。通常默认方法为GET方法。提示：POST方法将表单数据作为一个数据整体发送给服务器。发送时将数据按照一定的编码方法编码作为HTTP内容发送。 GET方法把“名称－值”对加在动作（Action）的URL后面并且把新的URL送至服务器，即在URL的末尾附加要向服务器发送的消息。这是向前兼容的缺省值。通常默认方法为GET方法。目标（Target）：指定超链接页面目标地址。 MIME类型：指明用来把表单数据提交给服务器时的MIME 编码类型。缺省值是“application/x-www-form-urlencode” ，即URL编码方法，通常与 POST 方法协同使用。如果要创建文件上传域，请指定“multipart/form-data MIME”类型。注意：1. 如果要处理表单数据，我们需要在服务器端（即放置网页的远程计算机上）编写程序（如ASP程序），这部分内容已经超出了本书的范围，有兴趣的同学可以参考其他的动态网页编程的书籍，后面我们只是对多种动态网页技术做个简单的介绍。 2．具体使用哪种数据发送方式取决于服务器类型，可以询问管理员来决定。如果方式任意，默认是Get方法，大部分HTML设计者偏好使用Post方法。注意：1. 如果要处理表单数据，我们需要在服务器端（即放置网页的远程计算机上）编写程序（如ASP程序），这部分内容已经超出了本书的范围，有兴趣的同学可以参考其他的动态网页编程的书籍，后面我们只是对多种动态网页技术做个简单的介绍。 2．具体使用哪种数据发送方式取决于服务器类型，可以询问管理员来决定。如果方式任意，默认是Get方法，大部分HTML设计者偏好使用Post方法。虽然用服务器端程序处理表单数据是通用的方法，但是当我们只需要收集简单的信息时，而不需要及时完成交互时，我们可以采用电子邮件的方式传送表单信息。方法为：将“动作”属性设置为“mailto：E-Mail邮箱名”，“方法”属性设置为“Post”，同时将“MIME类型”属性设置为“multipart/form-data MIME”。具体效果读者可以自行尝试。注意：提交表单的用户机器上必须使用Outlook Express作为默认邮件客户端，否则无法正常使用。虽然用服务器端程序处理表单数据是通用的方法，但是当我们只需要收集简单的信息时，而不需要及时完成交互时，我们可以采用电子邮件的方式传送表单信息。方法为：将“动作”属性设置为“mailto：E-Mail邮箱名”，“方法”属性设置为“Post”，同时将“MIME类型”属性设置为“multipart/form-data MIME”。具体效果读者可以自行尝试。注意：提交表单的用户机器上必须使用Outlook Express作为默认邮件客户端，否则无法正常使用。2．表单域表单（Form）定义了数据采集的范围，表单域则是采集用户输入或选择的数据的接口。表单域包含文本框、隐藏域、复选框、单选钮和菜单/列表等，下面分别讲述这些表单域的创建方法和属性设置。 2．表单域表单（Form）定义了数据采集的范围，表单域则是采集用户输入或选择的数据的接口。表单域包含文本框、隐藏域、复选框、单选钮和菜单/列表等，下面分别讲述这些表单域的创建方法和属性设置。（1）文本框文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。　　在新建的表单内点击鼠标，确定插入位置，然后点击插入面板上的按钮，插入一文本框注：插入文本框的HTML代码为：＜input type="text" name="..." size="..." maxlength="..." value="..."＞文本域：文本框的名称。该名称是存储该域的值（输入的数据）的变量名，必须在该表单内唯一。字符宽度：指定文本框的最大长度，即该表单域一次最多可显示的字符数。默认宽度是20个字符。最大字符数：限定用户可在文本域中输入的最大字符数。如果保留为空，则可以输入任意数量的文本。如果字符个数超过域的字符宽度，文本将滚动显示。如果用户输入超过最大字符数，则表单将产生警告声。初始值：文本框中默认显示的文本，即该表单一加载就显示的文本。文本域：文本框的名称。该名称是存储该域的值（输入的数据）的变量名，必须在该表单内唯一。字符宽度：指定文本框的最大长度，即该表单域一次最多可显示的字符数。默认宽度是20个字符。最大字符数：限定用户可在文本域中输入的最大字符数。如果保留为空，则可以输入任意数量的文本。如果字符个数超过域的字符宽度，文本将滚动显示。如果用户输入超过最大字符数，则表单将产生警告声。初始值：文本框中默认显示的文本，即该表单一加载就显示的文本。类型：文本框有以下3种类型。效果如图11-1-7所示。单行文本框：通常提供单字或短语响应，如姓名或地址多行文本框：为访问者提供一个较大的区域，供其输入响应。可以指定访问者最多可输入的行数以及对象的字符宽度。如果输入的文本超过这些设置，则该域将按照换行属性中指定的设置进行滚动。密码框：特殊类型的文本框。当用户在密码框中键入时，所输入的文本被替换为星号或项目符号，以隐藏该文本，保护这些信息不被看到。类型：文本框有以下3种类型。效果如图11-1-7所示。单行文本框：通常提供单字或短语响应，如姓名或地址多行文本框：为访问者提供一个较大的区域，供其输入响应。可以指定访问者最多可输入的行数以及对象的字符宽度。如果输入的文本超过这些设置，则该域将按照换行属性中指定的设置进行滚动。密码框：特殊类型的文本框。当用户在密码框中键入时，所输入的文本被替换为星号或项目符号，以隐藏该文本，保护这些信息不被看到。null当文本框的类型设置为“多行”时，属性面板发生变化，即文本框从“文本字段”变为“文本区域” 其属性设置和“单行”类型相似，只是更新了2个属性（2）隐藏域（2）隐藏域隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是不可见的。当表单被提交时，隐藏域就会将信息用你建立时定义的名称和值发送到服务器。隐藏域一般用作搜集特定信息以及在网页间传递参数等。在新建的表单内点击鼠标，确定插入位置，然后点击插入面板上的按钮，插入一隐藏域注：插入隐藏域的HTML代码为选中该隐藏域，在属性面板中进行相应的属性设置选中该隐藏域，在属性面板中进行相应的属性设置隐藏区域：隐藏域的名称。该名称是存储该域的值（预先设置的值）的变量名，必须在该表单内唯一。值：定义隐藏域的值，该值可以是固定值，也可以是函数值（可变（3）复选框（3）复选框复选框允许用户在待选项中选择多个选项。在新建的表单内点击鼠标，确定插入位置，然后点击插入面板上的按钮，插入一复选框注：插入复选框的HTML代码为＜INPUT type="checkbox" name="..." value="..."＞选中该复选框，在属性面板中进行相应的属性设置。复选框名称：该名称是存储该域的值（选定值）的变量名，必须在该表单内唯一。选定值：定义该复选框的值。当选中该复选框时，此“选定值”就随表单一起提交，作为该复选框的当前值。初始状态：在浏览器中首次载入该表单时该复选框的状态。如果选择“已勾选”，则该复选框一加载就是选中状态。选中该复选框，在属性面板中进行相应的属性设置。复选框名称：该名称是存储该域的值（选定值）的变量名，必须在该表单内唯一。选定值：定义该复选框的值。当选中该复选框时，此“选定值”就随表单一起提交，作为该复选框的当前值。初始状态：在浏览器中首次载入该表单时该复选框的状态。如果选择“已勾选”，则该复选框一加载就是选中状态。注：多个复选框可以共用一个名称，一个复选框名称变量也可以拥有多个值（多个值在提交时用逗号隔开）。多个复选框可以共用一个名称时，被选中的多个复选框的值将作为该复选框名称变量的当前值提交到服务器（4）单选钮　　单选钮允许用户在待选项中选择唯一的答案。在新建的表单内点击鼠标，确定插入位置，然后点击插入面板上的按钮，插入一单选钮（4）单选钮　　单选钮允许用户在待选项中选择唯一的答案。在新建的表单内点击鼠标，确定插入位置，然后点击插入面板上的按钮，插入一单选钮注：插入单选钮的HTML代码为＜INPUT type="radio" name="..." value="..."＞选中该单选钮，在属性面板中进行相应的属性设置 null 单选按钮：该名称是存储该域的值（选定值）的变量名，必须在该表单内唯一。要保证数据的准确采集，单选钮都是以组为单位使用的，在同一组中的单选钮必须用同一个名称。选定值：定义该单选钮的值。当选中该单选钮时，此“选定值”就随表单一起提交，作为该单选钮的当前值。初始状态：在浏览器中首次载入该表单时该单选钮的状态。如果选择“已勾选”，则该单选钮一加载就是选中状态 null（5）列表/菜单列表/菜单”域允许用户在一个有限的空间内设置多个选项，并且可以从中选择一个或者多个选项。其功能和单选钮/复选框类似。在新建的表单内点击鼠标，确定插入位置，然后点击插入面板上的按钮，插入一“列表/菜单”域注：插入列表的HTML代码为＜select name=“...” size=“..." multiple＞　　　＜option value="..." selected＞...＜/option＞　　 ... 　　＜/select＞null选中该“列表/菜单”域，在属性面板中进行相应的属性设置。列表/菜单：该名称是存储该域的值（选定值）的变量名，必须在该表单内唯一。类型：类型有2个可选值：菜单：用户只能从多个预设值中选择一个值，并且该菜单域只占一个选项的高度。列表：用户可以从多个预设值中选择一个或者多个值，由“选定范围”决定。该列表域的可以同时显示多个选项，其值由“高度”值决定，单位为一个选项的高度。 null列表值：在“列表/菜单”中显示的选项值。单击按钮，弹出“列表值”对话框，项目标签：在列表中显示的文本。值：用户选择该项时将发送到服务器的数据。初始化时选定：在浏览器中首次载入该表单域时，使列表中的某一项处于选中状态 null（6）按钮按钮分为提交按钮，重置按钮和一般按钮，它们可以用来提交表单（把表单获取的数据送出到服务器）、重置表单数据（使所有表单域的值恢复到初始值）和执行预定义的脚本语句。在新建的表单内点击鼠标，确定插入位置，然后点击插入面板上的的按钮，插入一按钮注：插入提交按钮的HTML代码为null 选中该“按钮”域，在属性面板中进行相应的属性设置按钮名称：该名称是存储该域的值的变量名，必须在该表单内唯一。标签：在该按钮上显示的文本。动作：该按钮可执行的操作。可选择的操作有：提交表单：在单击该按钮时，将表单获得的数据送出，以便服务器的处理程序完成数据的处理。重设表单：在单击该按钮时，重设表单，使所有表单域的当前值恢复到初始值。无：在单击该按钮时，根据处理脚本激活一种操作 4. 实例：建立表单 4. 实例：建立表单 1.实例创意 2.制作步骤null1．实例创意表单是实现用户和网页交换信息的工具，但是表单效果的实现一般需要结合相应的动态网页处理程序。当我们在表单内填写好有关信息后，点击提交按钮，表单会按照一定的编码方式把搜集到的数据送出，供表单“动作”属性所指明的动态网页来进行数据的处理。目前我们还没有涉及到动态网页的相关知识，为了理解表单数据提交的形式和数据搜集的结果，本例通过把表单数据提交到邮箱来进行此过程的模拟 null 该实例以网络课程的帐号申请为主体，详细介绍文本框、单选钮、复选框、列表/菜单、按钮等常用的表单域的使用方法，实例效果如图 null2．制作步骤（1）启动Dreamweaver MX 2004，将本书素材source目录下的文件夹“11-1-4”定义为本地站点根目录。（2）插入表单打开index.htm文件，在插入面板上选择“表单”标签，点击按钮，在页面中插入一空白表单。选中表单，在属性面板中进行如下图所示的设置。设置“动作”为“mailto:abc@abc.com”（根据需要填写自己的邮箱名），“方法”为“Post”，“MIME类型”为“multipart/form-data”。null（3）输入标题将鼠标定位到表单里面，输入标题“网络课程帐号申请”，格式为“标题1”，对齐方式为“居中对齐”。（4）插入表格在标题后面回车，在插入面板上选择“常用”标签，点击按钮，在页面中插入一10行2列的表格。如下图所示null 在属性面板中设置表格的对齐方式为“居中对齐”。如图所示。选中整个表格，单击鼠标右键，在弹出的快捷菜单中选择“编辑标签(E)…”选项，设置表格的“亮边框”和“暗边框”颜色分别为“#666666”和“#FFFFFF”。如图所示。注：如果不能快速选中整个表格，可以点击标签选择器中的“

”标签来进行快速选择。如：null（5）插入单行文本框在表格的第一行第一列插入文字“姓名：”，第二列插入一单行文本框，属性设置如图所示。在表格的第二行第一列插入文字“学号：”，第二列插入一单行文本框，属性设置与“name”文本框类似，只是把文本域名称改为“xuehao”。 null（6）插入密码框在表格的第三行第一列插入文字“密码：”，第二列插入一密码框，属性设置如图所示。在表格的第四行第一列插入文字“验证密码：”，第二列插入一密码框，属性设置与“pwd”密码框类似，只是把文本域名称改为“yzpwd” null（7）插入单选钮在表格的第五行第一列插入文字“性别：”，第二列插入2个单选钮（具体内容见效果图），把两个单选钮编为一组，名称都设置为“sex”，只是把选定值分别设置为“male”和“female”。初始状态都为“未选中”。属性设置如图所示。null（8）插入菜单在表格的第六行第一列插入文字“系别：”，第二列插入一“列表/菜单”。菜单名称设置为“xibie”，属性设置如图。具体的列表选项如图所示null（9）插入复选框在表格的第七行第一列插入文字“爱好：”，第二列插入5个复选框（具体内容见效果图），把5个复选框编为一组，名称都设置为“hobby”，只是把选定值分别设置为“book”、“chest”、“paint”、“qinyi”和“other”。初始状态都为“未选中”。属性设置如图所示。null（10）插入列表在表格的第八行第一列插入文字“选修课程：”，第二列插入一“列表/菜单”（具体内容见效果图）。列表名称设置为“course”，属性设置如图所示。具体列表选项值如图null（11）插入多行文本框在表格的第九行第一列插入文字“个人简介：”，第二列插入一多行文本框（具体内容见效果图）。文本框名称设置为“introduce”，属性设置如图所示。（12）插入按钮把表格的第十行合并为一个单元格，在单元格内插入2个按钮，设置“按钮名称”为“Submit”和“Reset”，设置“标签”为“提交”和“重置”。单元格对齐方式为“居中对齐”。null（13）保存网页执行“【文件】→【保存】”菜单命令，将刚创建的网页文件保存为“index.htm”。（14）预览网页按“F12”功能键，在IE浏览器中显示效果图。至此，该表单制作完成，站点目录中“index-end.htm”文件是本书提供的完成页面，请将自己制作的index.htm页面与该页面进行比较，查看不足之处 2. 动态网页环境配置 2. 动态网页环境配置 1.安装IIS组件 2.配置IIS 1 .安装IIS组件 1 .安装IIS组件在安装Windows XP Professional的时候，IIS没有安装，可以通过“添加/删除Windows组件”进行安装。注：Windows XP Home不支持IIS组件，不能作为服务器。服务器版本的操作系统默认已经安装了IIS组件，不再需要读者单独安装。null1. 打开“控制面板”，双击“添加/删除程序”图标，打开“添加或删除程序”对话框，如图所示。null2．单击“添加/删除Windows组件”按钮，弹出“Windows组件向导”对话框，如图所示 null3．选中“Internet 信息服务（IIS）”复选框，单击“详细信息”，弹出“Internet 信息服务（IIS）”对话框，选中相应的选项，如图所示。null4．选取好所需选项后单击“确定”按钮，继续安装。安装完毕后，在浏览器地址栏中输入“http://localhost”（或者http://服务器名称、http://127.0.0.1、http://本机IP地址），如果显示如图所示的页面，则服务器环境安装并测试通过。2. 配置IIS 2. 配置IIS 用户对IIS进行管理是通过“Internet 信息服务”控制台进行的。在控制台中可以配置服务器的IP地址、主目录、虚拟目录、默认文档等属性。 1．选择“【开始】→【设置】→【控制面板】”菜单命令，系统弹出如图所示的控制面板。null2．双击控制面板中的“管理工具”图标，打开如图所示“管理工具”窗口 3．在“管理工具”窗口中双击“Internet服务管理器”，弹出如图11-2-7所示的“Internet信息服务”对话框 null4．设置主目录（1）选择IIS面板中“默认WEB站点”项目，鼠标点击右键，在弹出的快捷菜单中选择“属性”命令，系统弹出如图11-2-8所示的“默认WEB站点属性”对话框。（2）选择“主目录”标签，在“连接到此资源时，内容应该来源于”域中选择“此计算机上的目录”，单击“本地路径”后面的“浏览”按钮选择本地站点主目录，或者在文本框中直接输入主目录的路径，如图所示，D:\myweb为用户自定义的站点主目录。（3）单击“确定”按钮，完成主目录的设置。null5．设置默认文档默认文档是服务器接受访问地址命令时，自动找到服务器站点目录里在特定文档。（1）在 “默认WEB站点属性”对话框中选择“文档”标签，打开如图所示的对话框。null（2）选择“启用默认文档”复选框，在列表中显示的是默认运行的文档，分别是Defa-ult.htm、Default.asp、index.htm、iisstart.htm，单击“添加”按钮，系统弹出如图所示“添加默认文档”对话框，在文本框中输入要添加的文档名称，如index.asp，单击“确定”按钮在列表中添加新的文档。（3）在列表选择某文档后，单击和按钮，将调节默认文档的搜索顺序,单击“删除”按钮将删除列表中选择的文档。（4）单击对话框中的“确定”按钮，完成默认文档的设置。null6．创建虚拟目录若要从主目录外的目录发布信息，则可通过创建虚拟目录来进行。虚拟目录是指物理上未包含在主目录中的目录，浏览器在浏览网页时却认为该目录包含在主目录中。（1）在 “Internet信息服务”对话框中，在控制台左侧的“默认Web站点”选项上单击鼠标右键，在弹出的菜单中选择“【新建】→【虚拟目录】”菜单命令，打开“创建虚拟目录向导”对话框。 null（2）单击“下一步”按钮，在如图所示的对话框中输入虚拟目录的别名（即把主目录外的目录虚拟到主目录内所采用的目录名）。（3）单击“下一步”按钮，设置虚拟目录的实际目录位置。null（4）单击“下一步”按钮，设置虚拟目录的访问权限。为了保证网站的安全，保持默认选项即可，如图所示。（5）单击对话框中的“完成”按钮，完成虚拟目录的设置。 3. 动态网页制作 3. 动态网页制作实例：简单留言本制作 1．实例创意该实例在表单制作的基础上用Dreamweaver MX 2004制作一具有动态效果的留言本。其中数据库的连接和操作均由Dreamweaver MX 2004自动完成。实例效果如图所示。 null 2．定义站点在创建动态数据库页面之前要定义站点参数，有利于文件的管理和测试数据库链接。（1）启动Dreamweaver MX 2004，选择“【站点】→【新建站点】”菜单命令，系统弹出如图所示的站点定义对话框。 null（2）选择高级标签，在“分类”栏中选择本地信息，在右边文框中输入相关本地站点信息。（3）在分类栏中选择“远程信息”，按图所示在右边文本框中输入相关远程信息。null（4）在分类栏中选择“测试服务器”，按图所示在右边文本框中设置相关测试服务器相关信息。注：如果没有设置该项，则不能使用后面实验中的“绑定”和“服务器行为”功能。在Internet信息服务管理器中把web服务器的主目录更改为“d:\myweb”。null 3．创建基本页面创建留言本需要两个基本页面，一个是用来显示用户留言的页面，另一个是用户添加留言的页面，在Dreamweaver MX 2004中创建显示留言gb.asp和添加留言input.asp这两个页面,（添加留言页面（input.asp）中的表格必须插在一个表单中。）null 4．创建ACCESS数据库（1）打开Microsoft Access 2000，选择“【文件】→【新建】→【空白数据库】”菜单命令，系统弹出如图所示对话框。 null（2）选择保存数据库的本地站点文件夹D:\myweb，输入文件名称，如gb.mdb，单击“创建”按钮，系统弹出如图所示的对话框，在该对话框中选择“使用设计器创建表”。null（3）双击“使用设计器创建表”后，在弹出的数据表设计面板中创建“字段名称”及“数据编号”，如第一行中输入ID字段，点击右键，选择“主键”命令，将该字段设置为主索引，“数据类型”设置为“自动编号”，如图所示。 null（4）数据表设置完成后，关闭设计窗口时系统自动弹出如图所示“另存为”对话框，命名为info表并单击“确定”保存。null（5）在新建的数据库中只有一个名为“info”的数据表。双击该数据表，在打开的窗口中添加数据，如图所示。数据添加后，简单的数据库创建完成，接下来的任务是数据库连接的工作，也就是下面要介绍的创建数据源 null 5．建立数据源（1）打开控制面板，双击“管理工具”图标，在打开的窗口中双击“数据源（ODBC）”图标，系统弹出如图所示“ODBC数据源管理器”对话框 null（2）选择“系统DSN”选项卡，点击“添加”按钮，系统弹出 “创建新数据源”对话框，在列表中选择“Microsoft Access Driver(*.mdb)，单击“完成”按钮，系统弹出如图所示“ODBC Microsoft Access 安装”对话框 null （3）在“数据源名”域中为数据库指定一个名称，如database，然后点击“数据库”域中的“选择”按钮，在弹出的“选择数据库”对话框中选择前面建立的数据库。（4）回到ODBC数据源管理器窗口，在“系统数据源”列表中可以看到刚才添加的数据库，如图所示。null 6．连接数据库（1）使用Dreamweaver MX 2004 打开前面建立的显示留言页面。在文档窗口中选择“【窗口】→【数据库】”菜单命令，打开数据库面板。单击该面板上的加号（+）按钮，在弹出的下拉菜单中选择“数据源名称（DSN）”命令，系统弹出如图所示数据源名称（DSN）对话框。null（2）在“连接名称”域中输入gb，在“数据源名称（DSN）”下拉菜单中选择数据库database。单击“测试”按钮进行测试，如果连接成功则显示如图所示的对话框 null 7．建立记录集（1）在Dreamweaver MX 2004中选择“【窗口】→【绑定】”菜单命令，打开绑定面板，点击加号（+）按钮，在弹出如图所示的菜单中选择“记录集（查询）”命令。 null（2）系统弹出“记录集（查询）”对话框，在“连接”下拉菜单中选择数据库“gb”，在表格下拉菜单中选择数据表“info”。单击“测试”按钮测试数据库，如图1所示。（3）单击“确定”按钮，退出“记录集”对话框，此时在“绑定”面板中显示了刚才创建的记录集，单击（+）按钮，将显示所有的数据集。 null8．显示记录集中的数据（1）使用Dreamweaver MX 2004打开gb.asp页面，将鼠标定位在显示数据对应的位置，然后选择“绑定”面板中对应的记录，再点击面板底部的“插入”按钮。用同样的方法与其它的记录建立联系，如图所示。（2）插入记录后，点击“文档”面板上的“活动数据视图” 按钮，可以显示实时数据。（如果不能显示或提示服务器出错，先退出Dreamweaver再试试。）null（3）此时在表格中只能显示一条记录，继续设置使其显示多条记录。选中页面中显示数据的区域，也就是整个表格，点击“服务器行为”面板中的加号（+）按钮，在弹出的菜单中选择“重复区域”命令，如图所示。null（4）系统弹出如图所示重复区域对话框，在“记录集”下拉菜单中选择记录集，在“显示”域中指定显示全部记录。（5）点击“文档”面板上的“活动数据视图”按钮，查看留言。null 9．插入记录（1）在Dreamweaver MX中打开前面已经建立的插入数据的页面input.asp。（2）点击“服务器行为”面板中的加号，在弹出的菜单中选择“插入记录”命令，系统弹出如图所示插入记录对话框，设置各域参数如图所示 null （3）单击“确定”按钮，完成插入记录设置。（4）在IE地址址中打开 http://localhost/input.asp，输入留言信息并提交，此时在gb.asp页面上就能正确显示输入的留言内容了。null本章小结当今的Web已经不再是早期的静态信息发布平台，它已被赋予更丰富的内涵。动态网页的出现，以其强大的人机交互性正应用到电子商务、电子政务、网络学习等各个领域。作为静态网页和动态网页的接口——表单，是网页制作的一个进阶。本章以“网络课程帐号申请”为例，结合理论知识，详细介绍了表单及其表单域的建立和属性设置。通过简单留言本的制作，介绍了通过Dreamweaver MX 2004开发具有数据库连接与操作功能的动态网页。通过本章的学习，读者基本了解了表单的属性，表单的创建方法以及ASP动态网页技术的实现方法。null 谢谢！接下来的内容：测试和发布网页

                    本文档为【第11章】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

第11章

你可能还喜欢