1、第10章 Dreamweaver 的服务器技术,Dreamweaver是建立Web 站点和应用程序的专业工具。它将可视化布局、应用程序开发和代码编辑组合在一起，使得各个层次的开发人员和设计人员都能够使用所选择的服务器技术来创建功能强大的基于Web的应用程序，方便快捷地连接到数据库，实现交互式的动态网页。动态网页采用服务器技术，以数据库为基础，网页的内容随数据库中信息的改变而自动更新。在Dreamweaver中，几乎可以不写任何代码，就可以开发出具有一定水平的网络应用程序。现在常用的动态网页技术主要有：ASP、JSP、PHP、ASP.NET以及ColdFusion等。使用Dreamweaver开
2、发由数据库生成的动态网页，准备工作大致包括三个方面：服务器的安装与调试、数据库的创建和连接以及Dreamweaver站点设置。,10.1 Web服务器,动态数据库页面设计需要运行Web应用程序，而运行Web应用程序就离不开Web服务器。Web服务器其实就是一台计算机，它可以提供主页、E-mail、FTP等功能，是在网络中为实现信息发布、资料查询、数据处理等诸多应用而搭建的基本平台。Web服务器包括硬件和软件两大部分。在Windows操作系统中，常见的Web服务器是Internet信息服务器(Internet Information Services，IIS)。,10.1.1 IIS服务器,II
3、S(Internet Information Services)是Windows NT/2000/XP/2003平台下专用的服务器软件，主要提供FTP(文件传输服务)、HTTP (Web服务)与SMTP(电子邮件服务)等服务。它使得Internet成为了一个真正的Web应用程序开发环境。一般情况下，除了在安装服务器版(Server版)Windows操作系统时会自动安装相应的IIS软件，其他版本都需要用户自行安装。,1.IIS服务器的安装,在Windows 2000/XP/2003的系统安装盘中都包含有IIS的安装组件，多个版本的IIS安装方法都基本相似。安装IIS主要有两种情况：一种是在安装操
4、作系统时选择安装IIS，另外一种是在安装操作系统后安装IIS。一般在Windows2000/XP/2003操作系统的光盘中都有IIS的安装文件，但如果未提供，用户可以到Microsoft的官方网站上下载。通过第一种方式安装IIS比较简单，即在安装操作系统时选择IIS组件，自动安装IIS所有文件；通过第二种方式安装IIS要复杂些，下面以Windows XP Professional为例，详细介绍Web服务器软件IIS的安装与配置过程。,操作步骤如下：,(1)在“控制面板”窗口中双击“添加/删除程序”图标，如图10.1所示。,图10.1 “控制面板”窗口,操作步骤如下：,打开“添加/删除程序”对话
5、框，如图10.2所示。,图10. 2 “添加或删除程序”对话框,(2)单击“添加/删除Windows组件”图标，打开“Windows组件向导”对话框，如图10.3所示。,图10.3 “Windows组件向导”对话框,选择“组件”列表框中的“Internet信息服务(IIS)”选项，然后单击“下一步”按钮，即可执行IIS的安装并显示安装进度过程，如图10.4所示。,图10.4 IIS的安装过程,在IIS安装完成后启动IE浏览器，在地址栏中输入“http:/localhost”，如果能打开如图10.5所示的IIS默认页面和如图10.6所示的IIS帮助文档，则表明IIS已经正确安装，并且可正常运行；
6、如果不能显示，表明IIS不能正常运行。解决的方法是先将IIS组件卸载，然后再进行重新安装即可。,图10.5 IIS的默认页面,图10.6 IIS的帮助文档,2.IIS服务器的管理与配置,IIS安装成功后，IIS管理服务、WWW服务以及SMTP服务等相关服务被加入到系统服务列表中。IIS功能的实现依赖于Windows XP中的IIS相关服务。IIS服务直接关系到IIS站点的运行，若停止WWW服务将导致所有的Web站点停止工作。因此，控制服务就等于控制了IIS服务器的全部功能。上述系统服务在默认情况下是自动配置的。更改服务的启动方式以及配置服务的操作方法如下：,(1)右击“我的电脑”，选择“管理工
7、具”，打开“计算机管理”对话框。(2)展开控制树中的“服务和应用程序”节点，选择“服务”。(3)双击“IIS Admin Service”服务项，打开如图10.7所示的服务属性对话框，在“启动类型”下拉列表中指定该服务的启动方式为“自动”或“手动”。,图10.7 服务属性对话框,(4)单击“启动”、“停止”或“暂停”控制该服务的状态。(5)在“登录”选项卡中指定服务的启动帐号。(6)在“恢复”选项卡中指定一旦该服务由于某种原因启动失败时自动进行的操作。(7)在“依存关系”选项卡中指定当前服务所依赖的服务以及依赖当前服务的其他服务。,10.1.2 虚拟服务器与虚拟目录,在一台计算机上可安装多个W
8、eb网站，在使用中，这些网站就好像分别处于不同的计算机一样，这种配置方法称为虚拟服务器。,1.创建Web站点,IIS为我们准备了详细的Web站点创建向导，只需遵循向导的步骤，就可以轻松地完成Web站点地创建。(1)展开“Internet信息服务”根节点，选中“默认网站”，鼠标右击，在弹出菜单中选择“新建”，单击“服务器扩展站点”打开Web站点创建向导窗口。 (2)单击“下一步”按钮，在“目录名称”栏输入Web站点名，如“wegDesign”；在“标题”栏输入标题“网页设计”。,(3)单击“下一步”按钮，进入“访问控制”设置对话框，可以选择“使用与父站点相同的管理员(S)”或“对此站点使用另一个
9、管理员(D)”。(4) 单击“下一步”按钮，进入完成新建站点webDesign的对话框。在默认Web站点下新建的子站点其默认的物理路径为C:Inetpubwwwroot，系统在wwwroot下创建了webDesign文件夹，主页文件就存放在其中。最后，单击“完成”按钮即可。操作完以上步骤后，在IIS控制树的默认Web站点下可增加一个子站点webDesign。,2.创建虚拟目录,在一个完整的网站中都包括有很多栏目，为了便于管理，需将不同栏目的文件归类放置于不同的本地目录中，以便能对网站中众多文件分类管理。其实这些本地目录就是对应网站中的虚拟目录。利用虚拟目录，可将网站中与各栏目相关的文件存储在本
10、地相应栏目的实际目录中。虚拟目录与本地电脑的路径目录不完全相同，不同的虚拟目录可以是本地电脑的同一路径，也可对不同的虚拟目录设置不同的安全访问等级。,(1)在IIS窗口，右键单击“默认网站”，在弹出的快捷菜单中选择“新建”，选择其子菜单中的“虚拟目录”，如图10.8所示。,图10.8 创建虚拟目录,(2)在弹出的“虚拟目录创建向导”对话框中单击“下一步”按钮，在虚拟目录的“别名”文本框中输入所需要的别名名称，如图10.9所示的“webDesign”。,图10.9 设置虚拟目录别名,(3)单击“下一步”按钮，弹出设置“网站内容目录”对话框，即设置虚拟目录别名与站点文件进行链接，输入虚拟目录所对应
11、的实际文件夹。通过单击“浏览”按钮来设置站点的目录路径，如图10.10所示。,图10.10 设置网站内容目录,(4) 单击“下一步”按钮，进入“访问权限”设置对话框，为虚拟目录指定访问权限。选中“写入”和“浏览”复选框，如图10.11所示。(5) 单击“下一步”按钮即可完成虚拟目录的设置。,图10.11设置访问权限,3. 默认站点和虚拟目录属性设置,Web站点的管理依赖于对站点属性的配置，IIS事先定义低层属性自动继承高层属性的从属机制。IIS管理控制树中的任何节点都拥有自己的属性设置，通过属性设置对话框可进行站点属性的配置。具体设置过程如下：,(1) 默认Web站点属性,在IIS管理窗口中，
12、右击“默认网站”，在弹出的快捷菜单中选择“属性”，弹出属性设置对话框，如图10.12所示。它由8个选项卡组成，可以分别对站点各个方面的属性进行配置。,图10.12 默认网站属性设置,“网站”选项卡的设置这是对默认Web站点的一般属性进行配置的界面。可以更改站点说明、IP地址、TCP端口以及SSL端口信息。“主目录”选项卡的设置主目录就是用于存储默认Web站点相关文件的主要路径。在安装IIS时，系统默认建立C:Inetpubwwwroot文件。该选项卡中能够对站点主目录、文件及应用程序权限进行设置，如图10.13所示。,图10.13 主目录属性设置,“文档”选项卡的设置 通常我们要将一个网站的首
13、页文件名设置为“index”或“default”，在浏览一个网站时，当输入网址，就可以调用该站点下相应的index或default文件来显示，如图10.14所示。可以通过单击“添加”按钮来增加多个默认文档，还可以选择一个文档，单击上下箭头调整其在列表中的位置，文档在列表中的位置越高意味着其优先级越高。通常客户机首先尝试加载优先级最高的主页，若不成功，则将降低优先级继续尝试。,图10.14 文档属性设置,“自定义错误”选项卡的设置任何网站都应为自己的用户提供出错信息。HTTP协议提供了一系列标准的错误代码，分别指示出错原因、错误对象以及可能的处理方法等信息。当被预先定义的错误事件发生时，通常只能
14、先向客户机的浏览器发送默认的出错信息。若要重新编辑这些出错提示信息，就要先编辑一些包含针对各类错误进行提示的信息文件，然后将它们分别映射到相应的HTTP错误类型上，如图10.15所示。,图10.15 自定义错误信息设置,(2)虚拟目录属性,虚拟目录属性的设置与默认网站的属性设置过程基本一致，如图10.16所示。单击图10.16中的“配置”按钮，弹出“应用程序配置”对话框，包含有“映射”、“选项”和“调试”3个选项卡。,图10.16 虚拟目录属性设置,10.1.3 虚拟目录与Dreamweaver站点的连接,在Dreamweaver中预览动态网页，必须设置动态站点，对站点进行相应地修改，并且要对
15、IIS服务器进行虚拟目录的设置。包括设置文档类型和设置测试服务器两个方面。设置过程如下：,(1)在IIS默认网站下建立一个虚拟目录webDesign。(2)修改站点的设置。选择“站点”菜单下的“管理站点”。在“管理站点”对话框中，选中“webDesign”站点，单击“编辑”按钮，如图10.17所示。,图10.17 “管理站点”对话框,(3)在“webDesign的站点定义为”对话框中，直接单击“下一步”按钮，选择“是，我想使用服务器技术。”并且在“哪种服务器技术？”下拉列表中选择其中一种，如图10.18所示。,图10.18 服务器技术设置,(4)单击“下一步”，选择“在本地进行编辑和测试”。如
16、图10.19所示。,图10.19 站点文件夹设置,(5)单击“下一步”，设置在Dreamweaver中预览动态网页时添加的http地址前缀，其默认值为http:/localhost/。我们需要该站点和webDesign虚拟目录连接，因此在默认值后直接输入“webDesign/”，如图10.20所示。,图10.20 测试URL前缀设置,(6)设置好后，单击“测试URL”按钮，如果测试成功，会弹出如图10.21所示的提示对话框，单击“确定”即可。(7)单击“下一步”，查看站点的详细信息，即可完成站点的修改配置，此时就可以在Dreamweaver中预览该站点下的动态网页。,图10.21 URL前缀测
17、试成功,通过设置虚拟目录和Dreamweaver站点的连接后，将会使用HTTP协议在Dreamweaver中启动IE浏览器访问网页，不需要在Dreamweaver和IIS窗口中转换，从而提高编辑动态网站时的效率。,10.1.4 其他服务器技术,1. NetBoxNetBox 是一个使用脚本语言进行应用软件开发与发布的开发环境和运行平台，可以完全使用脚本语言(比如 VBScript，JavaScript) 创建出稳定高效的应用软件，除极少数高级编程外，代码不需要任何修改就可以平滑移植到从 Windows 98 到 Windows .NET Server 的全部操作系统上。,(1)Netbox的安
18、装,首先在http:/ host = httpd.AddHost(, wwwroot)，将wwwroot改为ASP源程序所在的目录即可。,(2)Netbox的运行,在确保IIS 或者其他占用 80 端口的程序已经停止后，双击 main.box 文件，将在窗口右下角的任务栏中出现红色的 .b 样的netbox小图标。打开浏览器，在地址栏输入：127.0.0.1或localhost，即可看到动态网页运行结果。,2. 梦想家ASP服务器,梦想家ASP服务器是一款绿色软件，无需安装，下载下来之后，只有一个EXE文件。使用方法也很简单：先确定自己的电脑已经连接到了互联网，然后在和梦想家ASP服务器.EX
19、E文件同一个文件夹内，新建一个名为“WWW”的文件夹，再在这个新建的WWW文件夹内，放入所有的网页文件，包括ASP动态网页文件。 服务器的默认首页顺序为：index.html，index.htm，index.asp，default.asp，default.htm。 放入网页文件之后，双击运行“梦想家ASP服务器.EXE”文件，启动梦想家ASP服务器。此时，在地址栏输入：127.0.0.1或localhost，即可看到动态网页运行结果。其它用户通过IP地址，就可以访问主机上的内容。,10.1.5 归纳与思考,IIS把虚拟目录作为主目录的一个子目录来对待；而对于Internet上的用户来说，访问时
20、感觉不到虚拟目录与站点中其他任何目录之间有什么区别，可以像访问其他目录一样来访问这一虚拟目录。在建立与Dreamweaver的连接时，则首先需要创建使用服务器技术的站点，然后才设置该站点所使用的URL前缀。,10.1.6 应用技巧与常见错误,在配置IIS时，默认网站属性的IP地址为“全部未分配”。此时，可以使用http:/localhost/来浏览默认网站，也可以使用http:/127.0.0.1/来浏览默认网站。如果指定本地机器作为服务器，则可以使用计算机名来替代localhost或127.0.0.1。例如，计算机名为“cmxtest”，可使用http:/cmxtest/来浏览默认网站。当然
21、也可以指定其他IP地址。假如本地网卡配置的IP地址为：172.16.10.11。那么IIS默认网站属性的IP地址下拉列表框中就会包含此IP地址。此时，如果要浏览默认网站，URL前缀就要修改成http:/172.16.10.11/。而不能再使用http:/127.0.0.1/来进行浏览，但仍可以使用http:/cmxtest/浏览。,10.2 应用程序的使用,动态网站的建设，需要运行基于Web的应用程序，以实现网页与用户、网页与网页以及网页与Web服务器之间的信息交换，网页的内容可根据交互条件内容的改变而自动更新。,10.2.1 动态网页概述,动态网页是与静态网页相对应的，这里的动态不是指网页上
22、的各种动画、滚动字幕等视觉上的“动态效果”。静态网页的内容是固定的，如果要更新其内容，就必须对静态网页文件进行修改，而动态网页以数据库为基础，只要修改数据库里的信息，动态网页的内容就能自动更新。动态网页URL（统一资源定位符）的后缀名不是htm、html、shtml、xml等静态网页的常见形式，而是以.asp、.jsp、.php、.aspx等形式为后缀名的。在有些动态网页网址中有一个标志性的符号“？”。如http:/ 动态网页概述,从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。动态网页以数据库技术为基础，可
23、以大大降低网站维护的工作量；采用动态网页技术的网站可以实现诸如用户注册、用户登录、在线调查等更多的功能；动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。常用的动态网页技术包括ASP、JSP、PHP等。与其他动态网页语言相比，ASP难度较小，有强大的技术支持，本节主要介绍在Dreamweaver中使用ASP制作动态网页。,10.2.2 数据库连接及数据绑定,建立真正意义上的动态网站，离不开数据库的支持。常用的个人数据库主要有MySQL和Access，MySQL的源代码公开，可免费使用，在Unix或Linux类服务器上用得比较多；Access是Offi
24、ce办公套件中的一个组件，用于管理小型的数据库，使用简单。用户可以根据自己的实际情况进行选择。考虑到与Windows操作系统及IIS的配合，以及方便使用等因素，本节选择Access作为网站的数据库平台，以下就以Access 2003版本为例介绍网站数据库的建设与使用过程。,1.创建数据库,打开Office办公套件中的Access 2003，创建数据库文件grade.mdb，保存到站点下。该数据库的功能是保存学生成绩。创建数据表score，该表共有10条记录，记录对应着5个字段，分别是ID、name、Chinese、math以及english，如图10.22和图10.23所示。,图10.22数据
25、表score的字段,图10.23 数据表score的记录,2.创建数据源DSN,数据源名称(Data Souse Name，DSN)是表示一组诸如服务器名称、指向数据库的路径或数据库名称、要使用的开放式数据库连接（ODBC）驱动程序、用户名和密码等数据库连接参数的单词标识符。DSN是连接Web服务器和数据库之间的纽带。在连接数据库之前，必须为该数据库创建数据源DSN，使用DSN在Web应用程序和数据库之间建立ODBC连接，只有创建了DSN，才能让服务器识别数据库的位置及其属性。当数据库位置和类型发生变化时，只需要改变DSN的设置即可。具体创建步骤如下：,(1) 选择“开始”“控制面板”“管理工
26、具”“数据源（ODBC）”。打开“ODBC数据库管理器”窗口，如图10.24所示。,图10.24 ODBC数据源管理器,(2) 选择“系统DSN”选项卡，单击“添加”按钮，打开“创建新数据源”对话框，在列表中选择“Microsoft Access Driver（*.mdb）”，如图10.25所示。,图10.25 创建新数据源,(3) 单击“完成”按钮，弹出“ODBC Microsoft Access 安装”对话框。在“数据源名”文本框中输入“connscore”，点击“选取”按钮，打开选择数据库对话框，选择相对应的数据库grade.mdb，如图10.26所示。(4) 单击“确定”按钮，完成数据
27、源名的添加。,图10.26 选择数据库,3.连接数据库,Web应用程序必须通过ODBC驱动程序或OLE DB嵌入式数据库提供程序连接到数据库。该驱动程序或提供程序能够使Web应用程序与数据库进行通信。Dreamweaver提供了两种连接数据库的方式：一种是DSN方式，另一种是连接字符串方式。,在应用程序的“数据库”面板中，如果已经将站点设置为动态站点，并通过了服务器的测试，那么面板上的1-3项前将会打上钩。如果1-3项中的任何一项未能通过，则无法执行第4项的设置，如图10.27所示。,图10.27 数据库面板组,连接数据库的具体操作如下：,(1)在Dreamweaver中新建“score.as
28、p”页面。打开“应用程序”面板组。单击“数据库”面板上的“+”按钮，在弹出的菜单中选择“数据源名称（DSN）”，如图10.28所示。,图10.28 选择连接数据库方式,连接数据库的具体操作如下：,(2)在弹出的“数据源名称（DSN）”对话框中进行设置。在“连接名称”中在输入“conn”；在“数据源名称（DSN）”下拉列表框中选择“connscore”。如果数据源需要用户名和密码，在相应的栏目内填写。在“Dreamweaver应连接”中选择“使用本地DSN”，如图10.29所示。,图10.29 设置数据库连接,(3)设定完毕后，可单击“测试”按钮。如果弹出如图10.30所示的对话框，就说明数据源
29、创建成功。最后单击“确定”按钮完成设置。此后，数据源就出现在“数据库”面板上，如图10.31所示。,图10.30 连接创建成功,图10.31 数据库面板中的数据源,4绑定数据,将数据库信息用做动态网页的内容源时，必须在存储内容的数据库与生成网页的应用程序服务器之间建立一种联系。因此，首先创建一个要在其中存储检索数据的记录集。记录集由数据库查询返回的数据组成。数据库查询是用结构化查询语言(SQL)编写的，可用来在数据库中检索、添加和删除数据。记录集本身是从指定数据库中检索到的数据的集合。它可以包括完整的数据库表格，也可以包括表格中行和列的子集。利用应用程序的“绑定”面板来导入记录集。,具体绑定过
30、程如下：,(1)单击面板上方的“+”按钮，在弹出菜单中选择“记录集（查询）”，如图10.32所示。,图10.32 选择记录集,(2)在弹出的“记录集”对话框中进行设置。将“名称”文本框中的“Recordset1”默认值修改为“rs”；在“连接”下拉列表中选择“conn”；在表格下拉列表中选择“表1”，如图10.33所示。,图10.33 导入记录集,(3)设置之后，单击“测试”按钮，会弹出窗口显示表score中记录的内容，即显示该记录集的内容，如图10.34所示。,图10.34 测试记录集,(4)单击“确定”按钮完成记录集的设置。此时，导入表的各个字段的名称会显示在“绑定”面板上，如图10.35
31、所示。,图10.35 导入记录集后的绑定面板,10.2.3 设置服务器行为,Dreamweaver提供了若干内置的服务器行为，提供了许多显示动态内容的方法，使用户能够轻松地查找和导航从数据库返回的信息，增强动态内容的展示。其主要的服务器行为和格式元素有：重复的区域服务器行为可以显示多个从数据库查询返回的项，还可指定每页显示的记录数；格式元素可以将不同类型的数字、货币、日期和时间及百分比值应用于动态文本；记录集导航服务器行为可以插入导航元素，使用户能够移动到从记录集返回的下一组或前一组记录。同时，Dreamweaver还附带了若干应用于动态数据元素的预定义数据格式。,1.插入动态内容,在网页上可
32、以插入的动态内容类型有很多，包括文本、图像、动画、音频、视频等。限于篇幅关系，这里主要介绍动态文本的插入。(1)准备工作打开网页score.asp，首先插入2行5列的表格，表格的宽度可随时调整。在第1行的5个单元格中输入说明文字，分别对应于准备插入的动态内容：学号，姓名，语文，英语，数学，如图10.36所示。,图10.36 学生成绩表,(2)插入动态文本,在这里，我们将使用上一节中所创建的记录集。将光标置于第2行第1个单元格中，选中应用程序“绑定”面板上的“ID”数据库字段，然后单击右下方的“插入”按钮。使用同样的方法依次插入name、chinese、math、english四个字段。当然，也
33、可选中“绑定”面板中相应的字段，将其拖动到相应的单元格中，释放鼠标即可。插入后的效果如图10.37所示。,图10.37 插入动态数据,(3)预览动态网页,在Dreamweaver的编辑窗口下，通过点击工具栏上的“动态数据视图”按钮就可以直接在编辑窗口中预览动态网页的内容，如图10.38所示。,图10.38 实时动态预览,(3)预览动态网页,或者可以通过按“F12”键，在IE浏览器中预览到数据库生成的文本内容，如图10.39所示。,图10.39 IE浏览器预览,(4)修改动态文本,插入的动态文本的格式是可以修改的。选择“应用程序”面板组中的“服务器行为”面板，可看到已经使用的动态网页功能。双击其
34、中要修改的项目即可在弹出的对话框中进行修改。,2.显示记录集记录,按上述方法所制作的动态网页score.asp只能显示记录集中的第一条记录。如果要显示其他记录，就需要创建重复区域。创建重复区域的方法如下：(1) 选择需要设置为重复区域的对象。网页中任何一段动态代码都可以设置为重复区域。在score.asp中，将动态文本所在的单元格设置为重复区域，就能够显示数据集中的所有记录了。(2) 单击“插入”面板的“”符号，选择“应用程序”，展开应用程序的工具栏。,(3) 选中“应用程序”工具栏中的“重复区域”按钮，或者单击“服务器行为”面板上的“”按钮，在弹出菜单中选择“重复区域”，如图10.40所示。
35、,图10.40选择“重复区域”,(4) 在弹出的“重复区域”对话框中设置其属性。在“记录集”下拉列表中选择“rs”；“显示”单选按钮用于设定每页显示的记录数，选中“所有记录”，如图10.41所示。,图10.41“重复区域”属性设置,(5) 单击“确定”按钮，回到编辑窗口，选中的行会被灰色线圈起，左上角有“重复”标签，如图10.42所示。,图10.42 页面中的重复区域显示,此时在编辑窗口中预览或在IE浏览器中预览均可以看到所有的记录，如图10.43所示。,图10.43 预览所有记录,3.导航记录集数据,随着记录个数的增加，网页就需要分页显示所有的记录。数据记录之间的导航，就成为最关键的问题。具
36、体设置如下：,(1)既然要设置没有显示的3条记录，则需要对重复区域进行修改。即将重复区域设置为显示“所有数据”修改为只显示3条记录。双击“服务器行为”面板中的“重复区域（rs）”项目，将每页重复的记录数设置为3条，如图10.44所示。,图10.44 修改“重复区域”显示的记录数,(2)单击“确定”按钮回到编辑窗口。将光标置于要插入数据记录导航条的位置。在此，将光标放置在显示记录的表格下方。(3)单击“应用程序”工具栏中的“记录集分页”的“”符号，在下拉菜单中选择“记录集导航条”，弹出“记录集导航条”对话框。在“记录集”下拉列表中选择“rs”，在“显示方式”中选择“文本”，如图10.45所示。当
37、然，也可以选择“图像”作为导航条。,图10.45 记录集导航条设置,(4)单击“确定”按钮。导航条就出现在网页上，如图10.46所示。,分页显示记录后，让浏览者了解所在的位置也是至关重要的。可以通过设置记录计数器来显示记录总数和当前浏览记录在记录集中的位置来方便浏览者。,图10.46 插入导航条后的页面,(5)将光标放置于要插入记录计数器的位置，在此，将光标放置于导航条表格的前面。(6)单击“应用程序”工具栏中的“记录集导航状态”按钮。在弹出的设置面板中，选择“rs”记录集，如图10.47所示。,图10.47 记录集导航状态设置,(7)单击“确定”按钮返回编辑窗口，“记录集导航状态”就出现在网
38、页上，如图10.48所示。,图10.48 添加导航条和导航状态后的页面浏览效果,10.2.4 归纳与思考,本节内容主要介绍了使用Dreamweaver实现动态数据库页面设计的基本操作方法。以一个具体的实例来说明创建数据库及数据源的方法，详细阐述了连接数据库、定义记录集、显示数据库记录以及记录集导航设置的具体操作过程。此外，Dreamweaver还可以生成用户登录系统以及对数据库进行添加、删除、修改和查询等操作。读者可以深入学习。,10.2.5 应用技巧与常见错误,在上面的内容中，主要使用ODBC的系统DSN方式去连接数据库。这种方式设置简单，只需记住所设置的数据源名称即可，容易理解，易于掌握。
39、但当站点的位置发生改变或站点中数据库的位置调整后，DSN所指向的数据库的位置都会发生改变，需要去重新修改设置。为了避免这一繁琐的修改过程，可以利用OLE DB提供的技术，采用连接字符串的方式。,具体连接过程如下：,(1)打开“应用程序”面板组的“数据库”面板，单击“+”按钮，在弹出的菜单中选择“自定义连接字符串”，如图10.49所示。,图10.49 选择“自定义连接字符串”,(2)在打开的“自定义连接字符串”对话框中的“连接名称”文本框中输入“conn1”，该名称可自行定义。在“连接字符串”文本框中输入如下内容：“Driver=Microsoft Access Driver (*.mdb);dbq=” & server.mappath(“./grade.mdb”)。在“Dreamweaver应连接：”中选中“使用测试服务器上的驱动程序”，如图10.50所示。 (3)单击“测试”按钮，弹出如图10.33所示的对话框，则表示正确连接数据库。,图10.50 “自定义连接字符串”设置,在使用“自定义连接字符串”连接数据库时，不同的数据库类型其连接的字符串是不一样的。常用的连接字符串格式如表10.1所示。,表10.1 常用的数据库连接字符串表,
