Dreamweaver MX 2004网页制作实例教程 作者 彭鹏 第9章 网络应用程序.pptVIP

第9章　网络应用程序 学习要点 使用Dreamweaver MX 2004除了可以快速设计制作一般的网站外，还可非常快捷地开发基于服务器端的网络应用程序。 本章以Windows平台下的ASP网络应用开发为基础，以实例的形式讲解如何使用Dreamweaver MX 2004进行服务器端网络应用的开发。 9.1　网络应用程序开发基础 9.1.1　基础概念 在互联网早期，服务器只是用来管理网络中的一些静态页面，通过手工更新页面让浏览者获取信息。 随着互联网应用的不断扩展，特别是电子商务出现以后，在线业务中的许多页面必须能根据用户的不同要求自动生成，这就是动态页面。 1．静态页面的处理方式 2．动态页面的处理方式 3．数据库 9.1.2　数据库 开发网络应用的第一步就是建立数据库连接，建立好连接后才能开始后续的工作。 在ASP中连接数据库可以采用两种方法：一是使用ODBC开放式数据连接驱动程序连接数据库，另一种是使用OLE DB对象嵌入与连接的数据驱动连接数据库。 1．使用DSN连接数据库 2．使用连接字符串连接数据库 9.2　连接数据库 （1）单击“开始/控制面板”，打开“控制面板”对话框，在控制面板中双击“管理工具”，打开如图9-1所示对话框。 （2）双击“数据源ODBC”，单击“系统DSN”选项卡，如图9-2所示。 （3）在“系统DSN”选项卡下单击右侧的“添加”按钮建立新的DSN连接。 （4）选择要连接的数据库驱动程序，然后单击“完成”按钮，打开如图9-4所示的对话框，输入数据源名。 （5）在图9-4所示对话框中的“数据库”选项组中单击“选择”按钮，打开“选择数据库”对话框，找到相应的数据库。 （6）单击“确定”按钮返回，最后单击两次“确定”按钮退出对话框，完成数据源的建立。 （7）启动Dreamweaver MX 2004，打开“应用程序”控制面板，单击“数据库”选项卡下的加号按钮，弹出菜单，选择“数据源名称（DSN）。 （8）在弹出的“数据源名称（DSN）”对话框中输入“连接名称”，在“数据源名称（DSN）”后面的列表框中选择前面建立的数据源“driver” 。 （9）在图9-8所示对话框中单击右侧的“测试”按钮，如果连接成功，弹出如图9-9所示对话框。 （10）单击两次“确定”按钮返回，建立了数据库连接后的“应用程序”面板。 （11）接下来定义数据源的记录集，单击“应用程序”面板中的“绑定”选项卡，单击上方的加号按钮，如图9-11所示。 （12）在图9-11所示的菜单中选择“记录集（查询）”，打开 “记录集”对话框。 （13）在“记录集”对话框中输入记录集的名称“RsWzdm”，选择前面建立的连接“conn”，在“表格”列表框中选择数据库中的表“wzdm” 。 （14）在“列”中选择“全部”单选按钮，可在记录集中操作所有的字段，选中“选定的”单选框后，下方的列表框可进行选择操作，记录集中只包括被选择的字段。还可使用下方的“筛选”和“排序”对记录集进行过滤和排序。 （15）单击“记录集”右侧的“高级”按钮，可打开记录集设置的高级对话框，如图9-15所示。 （16）单击“简单”按钮，回到定义简单记录集状态，单击“确定”按钮完成记录集的定义，如图9-16所示，通过该记录集可将表格中的字段内容显示在页面中。 9.3　制作搜索页 （1）在Dreamweaver MX 2004操作界面中执行“文件/新建”命令。 （2）在“新建文档”对话框的“常规”选项卡中选择“动态页/ASP VBScript”，单击右下方的“创建”按钮建立新的页面。 （3）打开“应用程序”控制面板，查看数据库连接和记录集的设置，如果需要，再按上节的方法进行设置。 （4）执行“插入/表格”命令，建立一个4行1列的表格，表格线粗细设为0。 （5）在表格的第一行输入页面显示的标题，设置字体和格式。 （6）接着在表格的第2行中单击鼠标，然后执行“插入/表格”插入一个3行7列的表格。 （7）在新插入的表格中输入表头，并设置字体和对齐方式如图9-21所示。 （8）从“应用程序”面板的“绑定”选项卡中将记录集中的字段拖放到表格相应的列中。 （9）执行“编辑/首选参数”命令，打开如图9-23所示对话框，设置“不可见元素”中的动态文本显示为“{}” 。 （10）单击“激活数据视图”按钮 ，打开动态记录调试视图，页面中就会显示动态的记录信息。 （11）移动鼠标选中表格中的最后两行。 （12）在“应用程序”面板中单击“服务器行为”选项卡，然后单击下方的加号按钮，打开如图9-27所示的菜单。 （13）在图9-27所示的菜单中选择“重复区域”命令，打开如图9-28所示的对话框