网页制作项目14制作交互式网页课件

《网页制作项目14制作交互式网页课件》由会员分享，可在线阅读，更多相关《网页制作项目14制作交互式网页课件（64页珍藏版）》请在金锄头文库上搜索。

1、主主讲讲：网页设计与制作Dreamweaver 8项目十四 制作交互式网页任务一 定义站点并创建数据库连接任务二 制作用户查询页面项目十四：项目十四： 制作交互式网页制作交互式网页网 页 设 计 与 制 作Dreamweaver 8任务三 制作后台管理页面任务一任务二小 结任务三实 训任务一 制作页眉 本任务主要介绍3个方面的内容，这也是在开始交互式网页制作之前，首先需要做的工作。 1.定义可以使用脚本语言的站点。 2.创建后台数据库。 3.创建数据库连接。Dreamweaver 8网 页 设 计 与 制 作项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作一

2、 定义站点Dreamweaver 8网 页 设 计 与 制 作 本操作主要介绍在本操作主要介绍在dreamweaver中定义使用脚本语言站点中定义使用脚本语言站点的的方法。通过本操作的学习，应该掌握的内容主要有：的的方法。通过本操作的学习，应该掌握的内容主要有： 1.在dreamweaver中定义站点应该设置的内容 具体包括站点名字，站点的具体包括站点名字，站点的HTTP地址，使用的服地址，使用的服务器技器技术（如（如“ASP VBScript”），是否在本地），是否在本地进行行编辑和和测试，文件的存，文件的存储位置，位置，浏览站点根目站点根目录的的URL（如果有（如果有IP地址即地址即设置置

3、该地址，地址，如果没有如果没有则设置置为）等，最后）等，最后测试设置是否成功。置是否成功。 项目十四：项目十四： 制作交互式网页制作交互式网页定义站点操作动画定义站点操作动画任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作一 定义站点2.常用的Web开发语言 制制作作网网页常常用用的的Web开开发语言言有有ASP、JSP、PHP、ASP.NET和和ColdFusion等。等。（1）ASP（Active Server Pages）是是由由Microsoft公公司司推推出出的的专业的的Web开开发语言言。ASP可可以以使使用用VBScript、JavaScri

4、pt等等语言言编写写，具具有有简单易易学学、功功能能强强大大等等优点点，因因此此受受到到广广大大Web开开发人人员的的青青睐。（2）JSP（Java Server Pages）是是由由Sun公公司司倡倡导、许多多公公司司参参与与并并一一起起建建立立的的一一种种动态网网页技技术标准准。JSP能能够适适应市市场上上包包括括Apache WebServer、IIS在在内内的的大大多多数数服服务器器产品品，逐逐渐成成为Internet上的主流开上的主流开发工具。工具。（3）PHP是是编程程语言言和和应用用程程序序服服务器器的的结合合，它它的的真真正正价价值在在于于它它是是一一个个应用用程程序序服服务器

5、器。PHP遵遵循循GUN约定定，任任何何人人都都可可以以免免费使使用用，并并自自由由修修改改源源代代码。用用户可可通通过PHP站站点点和和邮件件列列表等方式表等方式获得技得技术上的支持。上的支持。项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作二 创建数据库连接Dreamweaver 8网 页 设 计 与 制 作 本操作主要介绍创建数据库连接的方法。通过本操作的学习，本操作主要介绍创建数据库连接的方法。通过本操作的学习，应该掌握的内容主要有：应该掌握的内容主要有： 1.数据库连接的方式及连接字符串 要在网要在网页中使用数据中使用数据库，首先必，首先必须成功成

6、功连接数据接数据库。就。就连接接数据数据库而言，一般采用两种方式：而言，一般采用两种方式：ODBC和和OLE DB。 目前使用目前使用OLE DB原始原始驱动面向面向ACCESS、SQL两种数据两种数据库的的连接字符串已被广泛使用。接字符串已被广泛使用。对于于Access 97数据数据库的的连接字符串接字符串有以下两种格式：有以下两种格式： Provider=Microsoft.Jet.OLEDB.3.5;Data Source= & Server.MapPath (数据数据库文件的相文件的相对路径路径) Provider=Microsoft.Jet.OLEDB.3.5;Data Source

7、=数据数据库文件的物理路径文件的物理路径项目十四：项目十四： 制作交互式网页制作交互式网页创建数据库连接操作动画创建数据库连接操作动画任务一任务二小 结任务三实 训操作二 创建数据库连接Dreamweaver 8网 页 设 计 与 制 作 对于于Access 2000数据数据库的的连接字符串有以下两种格式：接字符串有以下两种格式： Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & Server.MapPath(数据数据库文件的相文件的相对路径路径) Provider=Microsoft.Jet.OLEDB.4.0;Data Source=数据数据库

8、文件的物理路径文件的物理路径“ 对于于SQL数据数据库的的连接字符串格式：接字符串格式： PROVIDER=SQLOLEDB;DATA SOURCE=SQL服服务器名称器名称或或IP地址地址;UID=用用户名名;PWD=数据数据库密密码;DATABASE=数据数据库名名称称 不同的不同的Access版本会使用不同的版本会使用不同的连接字符串，而接字符串，而连接字符串接字符串是向下兼容的，也就是是向下兼容的，也就是说如果使用如果使用针对Access 97的的连接字符串，接字符串，对于于Access 2000也是有效的。而如果使用也是有效的。而如果使用Access 2000的的连接字符接字符串，串

9、，对于于Access 97则是无效的。是无效的。项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作二 创建数据库连接Dreamweaver 8网 页 设 计 与 制 作 代代码中的中的“Server.MapPath（）（）”指的是文件的虚指的是文件的虚拟路径，使用路径，使用它可以不理会文件具体存在服它可以不理会文件具体存在服务器的哪一个分区下面，只要使用相器的哪一个分区下面，只要使用相对于网站根目于网站根目录或者相或者相对于文档的路径就可以了。于文档的路径就可以了。 使用使用ODBC原始原始驱动面向面向ACCESS数据数据库的字符串的字符串连接格式：接格式：

10、DRIVER=Microsoft Access Driver (*.mdb);DBQ= & Server.MapPath (数据数据库文件的相文件的相对路径路径) DRIVER=Microsoft Access Driver (*.mdb);DBQ=数据数据库文件的物理路径文件的物理路径“ 使用使用ODBC原始原始驱动面向面向SQL数据数据库的字符串的字符串连接格式：接格式： DRIVER=SQL Server;SERVER=SQL服服务器名称或器名称或IP地址地址;UID=用用户名名;PWD=数据数据库密密码;DATABASE=数据数据库名称名称项目十四：项目十四： 制作交互式网页制作交互式

11、网页任务一任务二小 结任务三实 训操作二 创建数据库连接Dreamweaver 8网 页 设 计 与 制 作2.在dreamweaver中创建数据库连接的方法 （1）首先需要）首先需要创建一个建一个动态网网页或者打开一个已或者打开一个已经存在的存在的动态网网页，然后在主菜，然后在主菜单中中选择【窗口窗口】【数据数据库】命令打开命令打开【数据数据库】面板。面板。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作二 创建数据库连接Dreamweaver 8网 页 设 计 与 制 作 （2）在）在【数据数据库】面板中面板中单击“+”按按钮，在，在弹出的菜出的菜单中

12、中选择【自定自定义连接字符串接字符串】命令，打开命令，打开【自定自定义连接字符串接字符串】对话框，框，进行参数行参数设置。置。 在在该对话框中：可以自定框中：可以自定义【连接名称接名称】，一般将其命名一般将其命名为“conn”。在。在【连接字符串接字符串】文本框中文本框中输入入连接字接字符串，本符串，本项目是：目是：Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & Server.MapPath(/data/Data_db.mdb)。如果。如果连接接字符串中使用的是虚字符串中使用的是虚拟路径路径(/data/Data_db.mdb)，则必必须选择【使

13、用使用测试服服务器上的器上的驱动程序程序】选项。如果。如果链接字符串中使用的接字符串中使用的是物理路径，是物理路径，则必必须点点选【使用此使用此计算机上的算机上的驱动程序程序】单选按按钮。项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作二 创建数据库连接Dreamweaver 8网 页 设 计 与 制 作 （3）单击【测试】按按钮，弹出出“成功成功创建建连接脚本接脚本”的消息的消息提示框，提示框，说明明设置成功。置成功。测试成功后，在成功后，在【自定自定义连接字符串接字符串】对话框中框中单击【确定确定】按按钮关关闭对话框，然后在框，然后在【数据数据库】面板面

14、板中展开中展开创建的建的连接，会看到数据接，会看到数据库中包含的表名及表中的各字段。中包含的表名及表中的各字段。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作二 创建数据库连接Dreamweaver 8网 页 设 计 与 制 作 （4）成功）成功创建建连接后，系接后，系统自自动在站点管理器的文件列表在站点管理器的文件列表中中创建建专门用于存放用于存放连接字符串的文档接字符串的文档“conn.asp”及其文件及其文件夹“Connections”，打开，打开该文件并切文件并切换到到【代代码】视图，可以看到，可以看到创建的建的连接字符串在文档中接字符串在文档中

15、显示出来。示出来。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训 本任务主要介绍设置图书出版信息查询本任务主要介绍设置图书出版信息查询系统的用户查询页面相关功能的内容，包括系统的用户查询页面相关功能的内容，包括数据列表、分类查询和图书查询结果详细页数据列表、分类查询和图书查询结果详细页等。等。Dreamweaver 8网 页 设 计 与 制 作任务二 设置主体页面项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作一 制作数据列表Dreamweaver 8网 页 设 计 与 制 作通过本操作的学习，应该掌握的内容主要有：通过本

16、操作的学习，应该掌握的内容主要有： 1.理解记录集的概念 在交互式网在交互式网页中使用后台数据中使用后台数据库时，必，必须首先首先创建一个存建一个存储检索数据的索数据的记录集。集。记录集在存集在存储内容的数据内容的数据库和生成和生成页面的面的应用程序服用程序服务器之器之间起一种起一种桥梁作用。梁作用。记录集由数据集由数据库查询返回的返回的数据数据组成，并且成，并且临时存存储在在应用程序服用程序服务器的内存中，以便器的内存中，以便进行行快速数据快速数据检索。当服索。当服务器不再需要器不再需要记录集集时，便将其，便将其丢弃。弃。项目十四：项目十四： 制作交互式网页制作交互式网页制作数据列表操作动画

17、制作数据列表操作动画任务一任务二小 结任务三实 训操作一 制作数据列表Dreamweaver 8网 页 设 计 与 制 作 记录集本身是从指定数据集本身是从指定数据库中中检索到的数据集合，它可以包索到的数据集合，它可以包括完整的数据表，也可以包括表的行和列的子集。括完整的数据表，也可以包括表的行和列的子集。这些行和列通些行和列通过在在记录集中定集中定义的数据的数据库查询进行行检索。索。读者可将者可将记录集想象集想象成一个成一个动态变化的表格，化的表格，这个表格的数据是从数据个表格的数据是从数据库中按照一定中按照一定的的规则筛选出来的。即使出来的。即使针对同一个数据表，同一个数据表，规则不同，不

18、同，产生的生的记录集也不同。集也不同。 2.创建记录集的方法 在在Dreamweaver中，根据不同的需求通中，根据不同的需求通过【记录集集】对话框框可构建不同的可构建不同的记录集。首先通集。首先通过以下任意一种方式打开以下任意一种方式打开【记录集集】对话框，然后框，然后进行参数行参数设置。置。 （1）在主菜）在主菜单中中选择【插入插入】【应用程序用程序对象象】【记录集集】命令。命令。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作一 制作数据列表Dreamweaver 8网 页 设 计 与 制 作 （2）在）在【插入插入】【应用程序用程序】面板中面板中单

19、击 （记录集）集）按按钮。 （3）在）在【应用程序用程序】【服服务器行器行为】面板中面板中单击“+” 按按钮，在在弹出的菜出的菜单中中选择【记录集集】命令。命令。项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作一 制作数据列表Dreamweaver 8网 页 设 计 与 制 作 设置完置完毕后后单击【测试】按按钮，在，在【测试SQL指令指令】对话框框中出中出现记录选定表中的定表中的记录说明明创建建记录集成功。集成功。记录集集创建成建成功后便在功后便在【服服务器行器行为】面板中添加了一个面板中添加了一个记录集。每次根据不集。每次根据不同的同的查询需要需要创建不

20、同的建不同的记录集，有集，有时在一个在一个页面中需要面中需要创建多建多个个记录集。在集。在【服服务器行器行为】面板中，面板中，单击按按钮可以将可以将选定的服定的服务器行器行为删除。除。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作一 制作数据列表Dreamweaver 8网 页 设 计 与 制 作3.编辑记录集的方法 首先在首先在【服服务器行器行为】面板中面板中选择需要需要编辑的的记录集名称，集名称，然后在其然后在其【属性属性】面板中面板中单击【编辑】按按钮打开打开【记录集集】对话框框对原有原有记录集参数集参数设置置进行行编辑。也可以直接在。也可以直接在

21、【服服务器行器行为】面板中双面板中双击记录集名称直接打开集名称直接打开【记录集集】对话框框对参数参数设置置进行修改。行修改。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作一 制作数据列表Dreamweaver 8网 页 设 计 与 制 作4.插入动态文本的方法 记录集集负责从数据从数据库中按照中按照预先先设置的置的规则取出数据，而要取出数据，而要将数据插入到文档中，就需要通将数据插入到文档中，就需要通过动态数据的形式，其中最常用数据的形式，其中最常用的是的是动态文本。将光文本。将光标置于要插入置于要插入动态文本的位置，然后在主菜文本的位置，然后在主菜单中

22、中选择【插入插入】【应用程序用程序对象象】【动态数据数据】【动态文本文本】命令，打开命令，打开【动态文本文本】对话框。展开需要使用的框。展开需要使用的记录集，集，如如“记录集（集（RsBook）”，从中，从中选择要插入的字段名，如要插入的字段名，如“BookName”，根据需要可以，根据需要可以设置插入字段的置插入字段的【格式格式】，如，如“修整修整两两侧” 。如果有多个。如果有多个动态文本需要插入，可以按照相同的方法文本需要插入，可以按照相同的方法依次依次进行。行。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作一 制作数据列表Dreamweaver 8

23、网 页 设 计 与 制 作项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作一 制作数据列表Dreamweaver 8网 页 设 计 与 制 作5.添加记录集计数导航状态的方法 在主菜在主菜单中中选择【插入插入】【应用程序用程序对象象】【显示示记录计数数】【记录集集导航状航状态】命令打开命令打开记录集集导航状航状态对话框，框，在在记录集下拉列表中集下拉列表中选择记录集名称，如集名称，如“RsBook” 。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作一 制作数据列表Dreamweaver 8网 页 设 计 与 制 作6.

24、添加记录集分页的方法在数据在数据较多的情况下，通常使用分多的情况下，通常使用分页技技术来来进行分行分页显示。方法示。方法是：在主菜是：在主菜单中中选择【插入插入】【应用程序用程序对象象】【记录集分集分页】【记录集集导航条航条】命令，打开命令，打开【记录集集导航条航条】对话框，框，在在【记录集集】列表中列表中选择记录集名称，如集名称，如“RsBook”，并，并设置置【显示方式示方式】，如，如“文本文本” 。如。如选择“图像像”选项，则会自会自动添加添加4幅幅图像，用作翻像，用作翻页指示。指示。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作一 制作数据列表D

25、reamweaver 8网 页 设 计 与 制 作7.添加重复区域的方法 记录集集导航条并不是完整的分航条并不是完整的分页功能，功能，还必必须为动态数据添数据添加重复区域才能构成完整的分加重复区域才能构成完整的分页功能。重复区域是指将当前包含功能。重复区域是指将当前包含动态数据的区域沿垂直方向循数据的区域沿垂直方向循环显示，在示，在记录集集导航条的帮助下航条的帮助下完成完成对大数据量大数据量页面的分面的分页显示技示技术。方法是：。方法是：选定表格中的数定表格中的数据据显示行，然后在主菜示行，然后在主菜单中中选择【插入插入】【应用程序用程序对象象】【重复的区域重复的区域】命令，打开命令，打开【重

26、复区域重复区域】对话框。框。项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训操作一 制作数据列表Dreamweaver 8网 页 设 计 与 制 作 在在【记录集集】下拉列表中下拉列表中选择记录集，如集，如“RsBook”，在，在【显示示】选项后面的文本框中后面的文本框中输入一入一页显示的示的记录数，如数，如“10”，单击【确定确定】按按钮关关闭对话框，此框，此时所所选择的数据行被定的数据行被定义为重复区重复区域。如果将域。如果将【显示示】选项设置置为“所有所有记录”，则“记录集集导航条航条”将失去作用。将失去作用。 项目十四：项目十四： 制作交互式网页制作交互

27、式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二 制作分类查询 本操作的主要任务是制作主页面左侧的分类查询，通过单击本操作的主要任务是制作主页面左侧的分类查询，通过单击图书分类名称可打开网页文件图书分类名称可打开网页文件“result.asp”浏览该类中包含的浏览该类中包含的图书内容，单击书名可打开网页文件图书内容，单击书名可打开网页文件“result2.asp”来查看该来查看该书的详细信息。通过本操作的学习，应该掌握的内容主要有：书的详细信息。通过本操作的学习，应该掌握的内容主要有： 1.关于页面间URL参数的传递 在制作分在制作分类查询时，用到

28、了，用到了URL参数参数变量：量：QueryString。QueryString主要用来主要用来检索附加到索附加到发送送页面面URL的信息。的信息。查询字符字符串由一个或多个串由一个或多个“名称名称/值”组成，成，这些些“名称名称/值”使用一个使用一个问号（？）号（？）附加到附加到URL后面。如果后面。如果查询字符串中包括多个字符串中包括多个“名称名称/值”时，则用用符号（符号（&）将它）将它们合并在一起。合并在一起。 项目十四：项目十四： 制作交互式网页制作交互式网页制作分类操作动画制作分类操作动画任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二 制作

29、分类查询 例如，可以在网例如，可以在网页文档文档“result.asp”中使用：中使用：“Rsbook_MMColParam = Request.QueryString(Classnumber)” 语句来句来获取取URL中中传递的的变量量值，如：，如：“”中的中的“2”。 如如 果果 传 递 的的 URL参参 数数 中中 只只 包包 含含 简 单 的的 数数 字字 ， 也也 可可 以以 将将QueryString省略，只采用省略，只采用Request (Classnumber)的形式。的形式。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweave

30、r 8网 页 设 计 与 制 作操作二 制作分类查询2.实现页面间URL参数传递的操作方法 以本操作以本操作为例例进行行说明。在主明。在主页文档文档“index.asp”中，用鼠中，用鼠标选中左中左侧栏目目“分分类查询”下面的下面的动态文本文本“RsClass.name”，然，然后在后在【属性属性】面板中面板中单击【链接接】后面的后面的 按按钮，打开，打开【选择文件文件】对话框，在文件列表中框，在文件列表中选择查询结果文件果文件“result.asp”。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二

31、制作分类查询任二 在在【选择文件文件】对话框中框中单击【URL:】后面的后面的 （参（参数）按数）按钮，打开，打开【参数参数】对话框，在框，在【名称名称】文本框中文本框中输入入“classnumber”，在，在【值】文本框中文本框中单击右右侧的的 按按钮打开打开【动态数据数据】对话框，框，选择“RsClass”中的中的“classnumber”选项，然后，然后单击 （确定）按（确定）按钮返回返回【参数参数】对话框。框。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二 制作分类查询 经过设置置【URL:】

32、参数参数选项，【URL:】后面的文本框中出后面的文本框中出现了下面一条了下面一条语句：句：“result.asp?classnumber=”，当，当单击主主页面中的面中的图书分分类名称名称标题时，将打开，将打开文件文件“result.asp”，同，同时将将该分分类标题的的“classnumber”参数参数传递给“result.asp”，从而使，从而使该页面只面只显示符合示符合该条件的条件的记录。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二 制作分类查询3.接收其他页面传递过来的参数的方法 以文件以文

33、件“result.asp”为例，在主菜例，在主菜单中中选择【插入插入】【应用用程序程序对象象】【记录集集】命令打开命令打开【记录集集】对话框框创建建记录集集“Rsbook”。该记录集是以集是以【参数参数】对话框中框中设置的置的传递参数参数为条条件件创建的。即在建的。即在【筛选】选项的第的第1个列表中个列表中选择数据表数据表“book”中的字段中的字段“Classnumber”，在第，在第2个列表中个列表中选择“=”运算符，在第运算符，在第3个列表中个列表中选择“URL参数参数”变量量类型，文本框中的型，文本框中的“classnumber”是在是在【参数参数】对话框中框中设置的置的传递参数。参数

34、。记录集集创建完建完毕后，通后，通过动态文本方法可把内容文本方法可把内容显示在示在页面中。面中。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二 制作分类查询项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作三 制作高级查询 本操作的主要任务是制作主页面中左侧的高级查询，通过在本操作的主要任务是制作主页面中左侧的高级查询，通过在表单域中输入书名或书名关键字，并单击表单域中输入书名或书名关键字，并单击 （查询）按钮打开（

35、查询）按钮打开网页文件网页文件“search.asp”来显示查询到的图书，单击书名可打开来显示查询到的图书，单击书名可打开网页文件网页文件“result2.asp”查看该书的详细信息。通过本操作的查看该书的详细信息。通过本操作的学习，应该掌握的内容主要有：学习，应该掌握的内容主要有： 1.关于页面间Form参数的传递 在制作高在制作高级查询时，用到了表，用到了表单变量量Form。Form主要用来主要用来检索表索表单信息，信息，该信息包含在使用信息包含在使用POST方法的方法的HTML表表单所所发送的送的HTTP请求的正文中。例如，采用求的正文中。例如，采用Request.Form(BookNa

36、me)来来获取表取表单域域“BookName”中的中的值。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作三 制作高级查询2.实现页面间Form参数传递的方法 以本操作的内容以本操作的内容为例例进行行说明。在主明。在主页文档文档“index.asp”中，中，选中中“高高级查询”下面的表下面的表单“form2”，在，在【属性属性】面板的面板的【动作作】文文本框中本框中输入入查询文件名称文件名称“search.asp”。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Drea

37、mweaver 8网 页 设 计 与 制 作操作三 制作高级查询 打开文档打开文档“search.asp”，通，通过主菜主菜单中的中的【插入插入】【应用程用程序序对象象】【记录集集】命令打开命令打开【记录集集】对话框来框来创建建记录集集“Rsbook”。在。在【筛选】选项的第的第1个列表中个列表中选择数据表中的字段数据表中的字段“BookName”，在第，在第2个列表中个列表中选择“包含包含”运算符，在第运算符，在第3个列表中个列表中选择“表表单变量量”变量量类型，文本框中的型，文本框中的“BookName”是主是主页文档文档“高高级查询”下面下面书名文本域的名称。名文本域的名称。记录集集创建

38、完建完毕后，通后，通过动态文文本方法可把内容本方法可把内容显示在示在页面中。面中。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作三 制作高级查询3.在【记录集】对话框的高级状态编辑SQL语句 数据数据库查询是用是用结构化构化查询语言（言（SQL）编写的，使用写的，使用Dreamweaver可以在不了解可以在不了解SQL的情况下的情况下创建建简单查询，例如，在，例如，在主主页文档文档“index.asp”中中创建的建的记录集集“RsBook”，其，其对应的的SQL语句句是是“SELECT Author,

39、BookName, ID, ISBN, Price FROM book ORDER BY ID DESC”，该语句表示从表句表示从表“book”中中查询所有所有记录，显示的字段是示的字段是“Author”、“BookName”、“ID”、“ISBN”和和“Price”，按降序排列。，按降序排列。 但如果想但如果想创建复建复杂的的SQL查询，则需要学需要学习SQL并手并手动编写代写代码输入到入到Dreamweaver的的SQL语句中。在句中。在【记录集集】对话框中框中单击【高高级】按按钮可以可以进入入对话框的高框的高级状状态，在其中可以，在其中可以查看和修改看和修改SQL语句，同句，同时还可以可

40、以编辑参数。参数。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作三 制作高级查询项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作三 制作高级查询4.插入动态表格的方法 通通过主菜主菜单中的中的【插入插入】【应用程序用程序对象象】【动态数据数据】【动态文本文本】命令可以有命令可以有选择地将地将记录集中的字段插入到文档中集中的字段插入到文档中适当的位置，如果想通适当的位置，如果想通过一次操作就可将一次操作就可将记录集中的

41、所有数据全部集中的所有数据全部显示在文档中，可以通示在文档中，可以通过主菜主菜单中的中的【插入插入】【应用程序用程序对象象】【动态数据数据】【动态表格表格】命令打开命令打开【动态表格表格】对话框框进行行设置即可。但置即可。但这种方式直接生成的表格中字段的种方式直接生成的表格中字段的显示示顺序会不太符序会不太符合合实际需要，可以手需要，可以手动进行行调整，也可整，也可删除不需要除不需要显示的字段。示的字段。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作任务三 制作后台管理页面 本任务主要来设置图书出版信息查询

42、系统本任务主要来设置图书出版信息查询系统后台管理页面的相关功能，包括添加图书信息、后台管理页面的相关功能，包括添加图书信息、修改和删除图书信息以及限制对页的访问、用修改和删除图书信息以及限制对页的访问、用户登录和注销等内容。户登录和注销等内容。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作一 添加图书信息 本操作主要介绍如何将表单中的图书信息添加到数据库相应本操作主要介绍如何将表单中的图书信息添加到数据库相应的表中。通过本操作的学习，应该掌握的内容主要有：的表中。通过本操作的学习，应该掌握的内容主要有：

43、 1.把数据库表中的内容显示在菜单域中的方法 就本操作就本操作实例而言，表例而言，表单中的中的“图书类别”项是一个菜是一个菜单域，在域，在数据数据库中有一个表是中有一个表是专门用来存放用来存放图书类别的，因此，需要将数据的，因此，需要将数据库表中的表中的图书类别显示在此菜示在此菜单域中以供域中以供录入数据入数据时选择图书类别。具体方法如下：具体方法如下： 项目十四：项目十四： 制作交互式网页制作交互式网页添加图书信息操作动画添加图书信息操作动画任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作一 添加图书信息项目十四：项目十四： 制作交互式网页制作交互式网页

44、 通通过主菜主菜单中的中的【插入插入】【应用程序用程序对象象】【记录集集】命命令令创建建图书类别记录集集“RsClass”，在，在页面中面中选中中图书类别后面的后面的菜菜单域，在域，在【属性属性】面板中面板中单击 （动态）按）按钮打开打开【动态列表列表/菜菜单】对话框，在框，在对话框中将框中将【来自来自记录集的集的选项】设置置为记录集集“RsClass”，将，将【值】选项设置置为“classnumber”，将，将【标签】选项设置置为“name”。 任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作一 添加图书信息项目十四：项目十四： 制作交互式网页制作交互式

45、网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作一 添加图书信息2.向数据库中插入记录的方法 首先需要首先需要创建表建表单，本操作已，本操作已经制作好。各个表制作好。各个表单域的名称均域的名称均与数据与数据库中相中相应表的字段名称保持一致。然后在主菜表的字段名称保持一致。然后在主菜单中中选择【插插入入】【应用程序用程序对象象】【插入插入记录】【插入插入记录】命令，打命令，打开开【插入插入记录】对话框框进行参数行参数设置即可。置即可。 具体具体为：在：在【连接接】下拉列表中下拉列表中选择已已创建的数据建的数据库连接接“conn”，在，在【插入到表格插入到

46、表格】下拉列表中下拉列表中选择数据表数据表“book”，在，在【获取取值自自】下拉列表中下拉列表中选择表表单的名称的名称“form1”，在，在【表表单元素元素】中中选择每一行，然后在每一行，然后在【列列】中中选择数据表中与之相数据表中与之相对应的字段名，的字段名，在在【提交提交为】列表中列表中选择该表表单元素的数据元素的数据类型。型。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作一 添加图书信息 由于数据表的字段与各表由于数据表的字段与各表单元素的名称、数据元素的名称、数据类型是一致的，型是一致的，因此

47、数据表的字段与表因此数据表的字段与表单元素之元素之间有很有很强强的的对应关系。关系。对话框中默框中默认的的对应关系与关系与实际的的对应关系非常相近，只需关系非常相近，只需对个个别不正确的不正确的对应关系做一下修改即可。关系做一下修改即可。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二 更新图书信息 已经添加到数据表中的记录有时需要修改，修改记录也需要已经添加到数据表中的记录有时需要修改，修改记录也需要事先创建记录集，然后通过记录集将表单中的更新数据保存到数事先创建记录集，然后通过记录集将表单中的更新数

48、据保存到数据库中。通过本操作的学习，应该掌握的内容主要有：据库中。通过本操作的学习，应该掌握的内容主要有： 1.更新数据库记录的操作过程 首先根据条件首先根据条件创建建记录集，并通集，并通过动态数据的形式把数据表中数据的形式把数据表中的数据的数据显示在示在页面中，然后面中，然后选择需要修改的数据把其参数需要修改的数据把其参数传递给修修改改页面，修改完面，修改完毕后通后通过服服务器行器行为中的更新中的更新记录对数据数据进行更新。行更新。在本操作中，具体情况是：在文档在本操作中，具体情况是：在文档“editbook.asp”中中浏览图书记录，如果如果发现需要修改的需要修改的记录可可单击其后面的其后

49、面的“修改修改”超超级链接打开文档接打开文档“editbook2.asp”进行修改并确行修改并确认即可。即可。 项目十四：项目十四： 制作交互式网页制作交互式网页更新图书信息操作动画更新图书信息操作动画任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二 更新图书信息2.设置页面中的动态表单元素的方法 用鼠用鼠标选中中“库存：存：”后面的菜后面的菜单域，然后在域，然后在【属性属性】面板中面板中单击 【动态】按按钮，打开，打开【动态列表列表/菜菜单】对话框，在框，在【静静态选项】中添加中添加“有有书”和和“暂无无”两两项内容，并内容，并单击【选取取值等于等于】

50、文本框文本框右右侧的按的按钮打开打开【动态数据数据】对话框，框，设置置选取取值。按照相同的方。按照相同的方法法设置置“附附盘类型：型：”后面的菜后面的菜单域，域，8.仍然按照仍然按照类似的方法似的方法设置置“图书类别：”后面的菜后面的菜单域。域。项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二 更新图书信息项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二 更新图书信息3.插入更新记录服务器行为的方法 在主菜在主菜单中

51、中选择【插入插入】【应用程序用程序对象象】【更新更新记录】【更新更新记录】命令，打开命令，打开【更新更新记录】对话框框进行参数行参数设置。置。 具体具体为：在：在【连接接】下拉列表中下拉列表中选择“conn”，在，在【要更新的表要更新的表格格】下拉列表中下拉列表中选择“book”，在，在【选取取记录自自】下拉列表中下拉列表中选择“RsBook”，在，在【唯一唯一键列列】下拉列表中下拉列表中选择“ID”，在，在【在更新后，在更新后，转到到】文本框中文本框中输入入“editbook.asp”，在，在【获取取值自自】下拉列表中下拉列表中选择“form1”，在，在【表表单元素元素】中中选择每一行，然后

52、在每一行，然后在【列列】中中选择数据表中与之相数据表中与之相对应的字段名，在的字段名，在【提交提交为】列表中列表中选择该表表单元素的数据元素的数据类型。型。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二 更新图书信息项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作二 更新图书信息项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作三

53、 删除图书信息 已经添加到数据表中的记录有时需要删除，删除记录可以使已经添加到数据表中的记录有时需要删除，删除记录可以使用主菜单中的用主菜单中的【插入插入】【应用程序对象应用程序对象】【删除记录删除记录】命令，命令，删除记录也是通过记录集和表单共同完成的，两者缺一也无法实删除记录也是通过记录集和表单共同完成的，两者缺一也无法实现。在本操作中将不使用上面所提及的方法，而是使用另一种方现。在本操作中将不使用上面所提及的方法，而是使用另一种方法，即主菜单中的法，即主菜单中的【插入插入】【应用程序对象应用程序对象】【命令命令】来完来完成这一任务。通过本操作的学习，应该掌握的内容主要有：成这一任务。通过

54、本操作的学习，应该掌握的内容主要有： 1.删除数据库记录的操作过程 首先根据条件首先根据条件创建建记录集，并通集，并通过动态数据的形式把数据表中数据的形式把数据表中的数据的数据显示在示在页面中，然后面中，然后选择需要需要删除的数据，通除的数据，通过服服务器行器行为中的中的删除除记录对数据数据进行行删除。在本操作中，具体情况是：在文档除。在本操作中，具体情况是：在文档“editbook.asp”中中浏览图书记录时，如果，如果发现需要需要删除的除的记录可可单击其后面的其后面的“删除除”超超级链接打开文档接打开文档“del.asp”进行行删除操作。除操作。 项目十四：项目十四： 制作交互式网页制作交

55、互式网页删除图书信息操作动画删除图书信息操作动画任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作三 删除图书信息2.通过删除命令删除记录的方法 打开文档打开文档“editbook.asp”，用鼠，用鼠标选中文本中文本“删除除”，然后在，然后在【属性属性】面板中面板中单击【链接接】右右侧的的 （文件（文件夹）按）按钮，打开，打开【选择文件文件】对话框，在文件列表中框，在文件列表中选择文件文件“del.asp”。 在在【选择文件文件】对话框中框中单击【URL:】后面的后面的 （参（参数）按数）按钮，打开，打开【参数参数】对话框，在框，在【名称名称】文本框中文本

56、框中输入入“ID”，单击【值】文本框右文本框右侧的的 （动态数据）按数据）按钮打开打开【动态数据数据】对话框，框，选择“RsBook”中的中的“ID”选项。 打开文档打开文档“del.asp”，然后在主菜，然后在主菜单中中选择【插入插入】【应用程用程序序对象象】【命令命令】命令，打开命令，打开【命令命令】对话框。在框。在【类型型】下拉下拉列表中列表中选择“删除除”，这时在在【SQL】右右侧的列表框中出的列表框中出现SQL语句句“DELETE FROM WHERE”。项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制

57、作操作三 删除图书信息 在在【数据数据库项】列表中展开列表中展开“表格表格”，选中数据表中数据表“book”，然后，然后单击 （delete）按）按钮，接着展开数据表，接着展开数据表“book”，选中字中字段段“ID”，并，并单击 （where）按）按钮，这时上面的上面的SQL语句句变成了成了“DELETE FROM book WHERE ID”。 在在“WHERE ID”的后面的后面输入入“= MM_UserID”，然后，然后单击【变量量】后面的后面的 （+）按）按钮添加添加变量，在量，在【名称名称】文本框中文本框中输入入“MM_UserID”，在，在【类型型】文本框中文本框中输入入“Num

58、eric”，在，在【大小大小】文本框中文本框中输入入“1”，在，在【运行运行值】文本框中文本框中输入入“Request(ID)”。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作三 删除图书信息项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作四 限制对页的访问 网站的后台管理页面自然不希望浏览者随便访问，只有管理网站的后台管理页面自然不希望浏览者随便访问，只有管理人员通过用户登录后才可访问，因此需要使用人员通过用户登录

59、后才可访问，因此需要使用【限制对页的访问限制对页的访问】服务器行为来限制页面的访问权限。本操作主要介绍使用服务服务器行为来限制页面的访问权限。本操作主要介绍使用服务器行为来限制页面访问权限的基本方法。通过本操作的学习，应器行为来限制页面访问权限的基本方法。通过本操作的学习，应该掌握的内容主要有：该掌握的内容主要有： 限制对页的访问的设置方法 在主菜在主菜单中中选择【插入插入】【应用程序用程序对象象】【用用户身份身份验证】【限制限制对页的的访问】命令打开命令打开【限制限制对页的的访问】对话框。框。在在【基于以下内容基于以下内容进行限制行限制】选项中中选择需要的需要的选项，如，如“用用户名名和密和

60、密码”，即，即访问该页必必须经过用用户名和密名和密码验证。在。在【如果如果访问被拒被拒绝，则转到到】文本框中文本框中输入要返回的文档名称，如入要返回的文档名称，如“index.asp”，即，即访问被拒被拒绝后后转到主到主页进行登行登录。 项目十四：项目十四： 制作交互式网页制作交互式网页限制对页的访问操作动画限制对页的访问操作动画任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作四 限制对页的访问项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作五 用户登录和注销通过本操作

61、的学习，应该掌握的内容主要有：通过本操作的学习，应该掌握的内容主要有： 1.设置用户登录的方法 打开主打开主页文件文件“index.asp”，然后在主菜，然后在主菜单中中选择【插入插入】【应用程序用程序对象象】【用用户身份身份验证】【登登录用用户】命令，打开命令，打开【登登录用用户】对话框。将登框。将登录表表单“form1”中表中表单域与数据表域与数据表“user”中的字段相中的字段相对应，也就是将，也就是将【用用户名字段名字段】与与【用用户名列名列】对应，【密密码字段字段】与与【密密码列列】对应，然后将，然后将【如果登如果登录成功，成功，转到到】设置置为“Loginsuccess.asp”，

62、将，将【如果登如果登录失失败，转到到】设置置为“Loginfail.htm”。 项目十四：项目十四： 制作交互式网页制作交互式网页用户登录和注销操作动画用户登录和注销操作动画任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作五 用户登录和注销项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作五 用户登录和注销2.创建阶段变量的方法 在在Dreamweaver中中创建登建登录应用程序后，用程序后，应用程序将自用程序将自动生成生成相相应的的Session变量，如量，如“Sess

63、ion(MM_UserName)”，用来在网站，用来在网站中中记录当前登当前登录用用户的用的用户名等信息，名等信息，变量的量的值会在网会在网页中互相中互相传递，还可以用它可以用它们来来验证用用户是否登是否登录。每个登。每个登录用用户都有自己独都有自己独立的立的Session变量，存量，存储在服在服务器中，当用器中，当用户离开网站或者注离开网站或者注销登登录后，后，这些些变量会清空。量会清空。 打开登打开登录成功提示文件成功提示文件“Loginsuccess.asp”，然后在，然后在【应用程序用程序】【绑定定】面板中面板中单击 （+）按）按钮，创建建阶段段变量量“MM_UserName”。项目十

64、四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作五 用户登录和注销 在在【应用程序用程序】【绑定定】面板中，面板中，选中中Session变量量“MM_UserName”，将它拖到，将它拖到页面中的括号中。用面中的括号中。用户登登录成功成功后，括号中将后，括号中将显示用示用户名。名。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作五 用户登录和注销3.设置用户注销的方法 打开文件打开文件“left.asp”，选中文本中文本“注

65、注销用用户”，然后在主菜，然后在主菜单中中选择【插入插入】【应用程序用程序对象象】【用用户身份身份验证】【注注销用用户】命令，打开命令，打开【注注销用用户】对话框框进行参数行参数设置，其中在置，其中在【在完成在完成后，后，转到到】选项设置注置注销后要后要转到的文档，如首到的文档，如首页文档文档“index.asp”。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训Dreamweaver 8网 页 设 计 与 制 作操作五 用户登录和注销4.检查新用户名的方法 在在现实中，我中，我们在使用网在使用网络服服务时经常需要常需要进行用行用户注册。用注册。用户注册的注册

66、的实质就是向数据就是向数据库中添加用中添加用户名、密名、密码等信息，可以使用等信息，可以使用“插入插入记录”服服务器行器行为来完成用来完成用户信息的添加。但有一点需要注意，信息的添加。但有一点需要注意，就是用就是用户名不能重名，也就是名不能重名，也就是说，数据表中的用，数据表中的用户名必名必须是惟一的。是惟一的。那么，在那么，在dreamweaver中如何做到中如何做到这一点呢？可以通一点呢？可以通过主菜主菜单中的中的【插入插入】【应用程序用程序对象象】【用用户身份身份验证】【检查新用新用户名名】命令来完成。命令来完成。 项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务

67、三实 训实训 设置注册用户编辑页面 本本项目以出版社目以出版社图书信息信息查询系系统为例着重介例着重介绍了通了通过服服务器行器行为构建构建ASP应用程序的基本方法。本用程序的基本方法。本实训将将设置如置如图14-55所示的网所示的网页，使其能，使其能够显示已示已经注册的用注册的用户信息，并具有修信息，并具有修改和改和删除功能，以除功能，以进一步巩固通一步巩固通过服服务器行器行为构建构建ASP应用程用程序的基本知序的基本知识。 Dreamweaver 8网 页 设 计 与 制 作 实训结果文件见实训结果文件见“项目结果项目结果”文件夹中的文件夹中的“listuser.asp”和和“edituse

68、r.asp” 。项目十四：项目十四： 制作交互式网页制作交互式网页【实训目的实训目的】l进一步巩固创建记录集的基本方法。进一步巩固创建记录集的基本方法。l进一步巩固插入动态文本的方法。进一步巩固插入动态文本的方法。l进一步巩固插入记录集导航状态的方法。进一步巩固插入记录集导航状态的方法。l进一步巩固设置页面间参数传递的方法。进一步巩固设置页面间参数传递的方法。l进一步巩固插入动态表单元素的方法。进一步巩固插入动态表单元素的方法。l进一步巩固插入更新记录和删除记录行为的方法。进一步巩固插入更新记录和删除记录行为的方法。l进一步巩固设置限制用户对页的访问的方法。进一步巩固设置限制用户对页的访问的方

69、法。任务一任务二小 结任务三实 训实训 设置注册用户编辑页面Dreamweaver 8网 页 设 计 与 制 作项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训小结 本项目以一个简单的出版社图书信息查询系统为本项目以一个简单的出版社图书信息查询系统为例，介绍了创建例，介绍了创建ASP应用程序的基本功能，这些功能应用程序的基本功能，这些功能都是围绕着查询、添加、修改、删除记录展开的。读都是围绕着查询、添加、修改、删除记录展开的。读者在学会这些基本功能以后，可以在此基础上创建更者在学会这些基本功能以后，可以在此基础上创建更加复杂的应用程序。加复杂的应用程序。Dreamweaver 8网 页 设 计 与 制 作项目十四：项目十四： 制作交互式网页制作交互式网页任务一任务二小 结任务三实 训