第7章可制作动态网页的软件 本章要点: 了解可制作动态网页的软件 掌握用 Dreamweaver UltraDev4.0制作动 态网页 ●学会如何制作动态网页
第7章 可制作动态网页的软件 本章要点： ⚫ 了解可制作动态网页的软件 ⚫ 掌握用Dreamweaver UltraDev 4.0制作动 态网页 ⚫ 学会如何制作动态网页
71 Dreamweaver UltraDev 概述 7.1.1 Dreamweaver UltraDev功能特点 UltraDev40增加了很多新的功能, UltraDev1.0原有的一些功能 也大大增强了。下面从自动化相关功能、动态数据格式化、代码 编写相关功能和自定义相关功能四个方面介绍 UltraDev40的新特 1.自动化相关功能 在服务器数据自动化操作方面, UltraDev4增强了许多功能, 使用户在创建Web应用程序时,有更快捷的操作方法和更强的数 据控制能力 实时数据 可以在工作区中实时查看服务器端数据,节省时间,避免重复 劳动。活动数据( Live data)是完全可编辑的,因此,用户可以 在处理服务器数据时连续布局页面和逻辑
7.1 Dreamweaver UltraDev 概述 7.1.1 Dreamweaver UltraDev 功能特点 UltraDev 4.0增加了很多新的功能，UltraDev l.0原有的一些功能 也大大增强了。下面从自动化相关功能、动态数据格式化、代码 编写相关功能和自定义相关功能四个方面介绍UltraDev 4.0的新特 色。 1．自动化相关功能 在服务器数据自动化操作方面，UltraDev 4增强了许多功能， 使用户在创建 Web应用程序时，有更快捷的操作方法和更强的数 据控制能力。 • 实时数据 可以在工作区中实时查看服务器端数据，节省时间，避免重复 劳动。活动数据（Live Data）是完全可编辑的，因此，用户可以 在处理服务器数据时连续布局页面和逻辑
数据绑定检查器 使用数据绑定检査器( Data Bindings Inspector)可以给页面快 速添加服务器表达式或来自数据库中的信息。把一个对象的属性 绑定到服务器表达式无需知道准确的语法。 远程数据库连接 UltraDev允许用户通过自己的网页应用服务器行为,直接地连 接数据库,不再需要动态架构和设定服务器连接 用户鉴定服务器行为器 在不用书写复杂的服务端代码的情况下,用户可以将密码保护 加入到自己的站点里。它可以让用户通过数据库验证用户名和密 码,同时密码保护站点页面 2.动态数据格式化 用户可以把当前的格式(数据格式)和编码,而不是手写 代码,应用到数据库数据或者服务器表达式中,还可以用那些服 务器语言中的asp,jsp和cfml等库文件将基本的服务器端的逻辑值 应用到页面上。同时,通过数据库制作网页应用导航条,显示和 隐藏版面的某些区域,插入、更新和删除某些记录
• 数据绑定检查器 使用数据绑定检查器（Data Bindings Inspector）可以给页面快 速添加服务器表达式或来自数据库中的信息。把一个对象的属性 绑定到服务器表达式无需知道准确的语法。 • 远程数据库连接 UltraDev允许用户通过自己的网页应用服务器行为，直接地连 接数据库，不再需要动态架构和设定服务器连接。 • 用户鉴定服务器行为器 在不用书写复杂的服务端代码的情况下，用户可以将密码保护 加入到自己的站点里。它可以让用户通过数据库验证用户名和密 码，同时密码保护站点页面。 2．动态数据格式化 用户可以把当前的格式（数据格式）和ufl编码，而不是手写 代码，应用到数据库数据或者服务器表达式中，还可以用那些服 务器语言中的asp，jsp和cfml等库文件将基本的服务器端的逻辑值 应用到页面上。同时，通过数据库制作网页应用导航条，显示和 隐藏版面的某些区域，插入、更新和删除某些记录
3.代码编写相关功能 为了弥补可视化编辑方法在Web网页制作方面的局限, UltraDev4提高了自己的代码编写功能和整合性,使用户既可以直 接创建Web应用程序的内容,也可以通过手工来编写程序代码, 从而增强了对web的制作能力 同时控制HTML和服务器标记 在可视化环境中工作仍能保持对代码的完全访问。当用户在 个视图中修改时,修改结果会在另一个视图中立即反映出来。这 样,不但节省了用户的编辑时间,而且还增强了代码控制能力 整合文本编辑器 增加了以代码为中心的新特性,包括自动缩排、标点平衡和选 择多行后一次缩进。现在,手工编写代码就像在设计视图环境中 样方便。而且输人代码时, UltraDev4自动对HTML、客户端 JavaScript、ASP、JSP和CFML脚本使用不同的颜色显示,可以快 速区分关键字和标记
• 3．代码编写相关功能 为了弥补可视化编辑方法在 Web网页制作方面的局限， UltraDev 4提高了自己的代码编写功能和整合性，使用户既可以直 接创建Web应用程序的内容，也可以通过手工来编写程序代码， 从而增强了对Web的制作能力。 • 同时控制HTML和服务器标记 在可视化环境中工作仍能保持对代码的完全访问。当用户在一 个视图中修改时，修改结果会在另一个视图中立即反映出来。这 样，不但节省了用户的编辑时间，而且还增强了代码控制能力。 • 整合文本编辑器 增加了以代码为中心的新特性，包括自动缩排、标点平衡和选 择多行后一次缩进。现在，手工编写代码就像在设计视图环境中 一样方便。而且输人代码时，UltraDev 4自动对HTML、客户端 JavaScript、ASP、JSP和CFML脚本使用不同的颜色显示，可以快 速区分关键字和标记
快速标签编辑器和代码导航条 通过快速标签编辑器,用户能够手写代码并快速地把代码加入 到页面视图中。如果需要,用户还能快速地修改、加入或者去除 页面中已选中物件的html标签。用户能够快速地找到自己所要编 辑的代码,可以通过代码视图工具栏的下拉菜单找到文档中的 Javascript函数。 整合BBEd或 HomeSite Bundle UltraDev内置了 BBEdit(Mac)的适用版和 HomeSite( windows) 的完全版,此组合让用户在那些主流的文本编辑器和 UltraDev之 间轻松工作 自定义相关功能 UltraDev4在Web应用支持上增加了更多的内容,例如,支持 所有工业标准的应用服务器和 JAvabEan,使用户在web开发和应用 时有了更多的选择余地
• 快速标签编辑器和代码导航条 通过快速标签编辑器，用户能够手写代码并快速地把代码加入 到页面视图中。如果需要，用户还能快速地修改、加入或者去除 页面中已选中物件的html标签。用户能够快速地找到自己所要编 辑的代码，可以通过代码视图工具栏的下拉菜单找到文档中的 JavaScript函数。 • 整合 BBEdit或HomeSite Bundle UltraDev内置了BBEdit（Mac）的适用版和HomeSite（Windows） 的完全版，此组合让用户在那些主流的文本编辑器和UltraDev之 间轻松工作。 4．自定义相关功能 UltraDev 4在 Web应用支持上增加了更多的内容，例如，支持 所有工业标准的应用服务器和JavaBean，使用户在web开发和应用 时有了更多的选择余地
服务器行为生成器 使用服务器行为生成器( Server behavior builder),用户可以 创建可重用的服务器端脚本(服务器行为)库,无需对 UltraDev API编程。这个功能在一个大型的Web应用程序中是非常有用的, 可以大大减少用户的程序创建的时间和精力 支持工业标准的应用服务器 UltraDev4支持所有工业标准的服务器,例如, Microsoft IIs Allaire Cold Fusion、 IBM Web Sphere、 BEa WebLogic和 Netscape Enterprise Sever等,用户可以根据自己的实际情况选择需要的服 务器,不必局限于某一个服务器。 支持 Javabean 现在,JSP开发者可以注册任何的 JavaBean,作为 UltraDev数 据源,从而可以把JSP页面连接到 JavaBean。 UltraDev内置 Javabean类、jar和zip文件。注册 Javabean之后,用户就可以在数 据绑定检查器( Data Bindings Inspector)中使用拖放方法访问 JavaBean的属性
• 服务器行为生成器 使用服务器行为生成器（Server Behavior Builder），用户可以 创建可重用的服务器端脚本（服务器行为）库，无需对UltraDev API编程。这个功能在一个大型的 Web应用程序中是非常有用的， 可以大大减少用户的程序创建的时间和精力。 • 支持工业标准的应用服务器 UltraDev 4支持所有工业标准的服务器，例如， Microsoft IIS、 Allaire ColdFusion、IBM WebSphere、BEA WebLogic和 Netscape Enterprise Sever等，用户可以根据自己的实际情况选择需要的服 务器，不必局限于某一个服务器。 • 支持JavaBean 现在，JSP开发者可以注册任何的JavaBean，作为UltraDev数 据源，从而可以把JSP页面连接到JavaBean。UltraDev内置 JavaBean类、jar和zip文件。注册JavaBean之后，用户就可以在数 据绑定检查器（Data Bindings Inspector）中使用拖放方法访问 JavaBean的属性
7.12 Dreamweaver UltraDev的安装及配置 使用 UltraDev开发Web应用程序,在用户本地计算机系统配置 上与 Dreamweaver4等网页工具有所不同。这主要是因为 UltraDev4不但支持传统的静态页面,而且还支持基于新web技术 的动态页面。这就要求用户的计算机除孓具备基本的软硬件要求 外,还应在软件上满足一些特殊的要求,例如必须在本地计算机 上安装服务器开发和控制环境。根据用户需求的不同,所需要的 基本配置也不相同,下面列出了三种不同的系统配置: 为运行 UltraDev4而需要使用的系统配置 为运行动态页面而需要使用的系统配置。 为存储数据而需要使用的系统配置。 为了建立可行的Web应用,用户的系统至少要达到前两个配置 要求。如果需要使用数据库,用户的系统就必须达到存储数据的 配置要求。 1、运行 Ultradev4的系统配置 在基本运行环境上, UltraDev4与 Dreamweaver4的要求基本相 同,用户只需适当地增加一些内存,即可增加数据库的连接以及 数据査询和操作速度,从而提高Web开发速度。下面是运行 UltraDev时的系统配置要求
7.1.2 Dreamweaver UltraDev 的安装及配置 使用 UltraDev 开发 Web应用程序，在用户本地计算机系统配置 上与 Dreamweaver 4 等网页 工具有所不 同。这主 要是因 为 UltraDev 4不但支持传统的静态页面，而且还支持基于新Web技术 的动态页面。这就要求用户的计算机除了具备基本的软硬件要求 外，还应在软件上满足一些特殊的要求，例如必须在本地计算机 上安装服务器开发和控制环境。根据用户需求的不同，所需要的 基本配置也不相同，下面列出了三种不同的系统配置： • 为运行 UltraDev 4而需要使用的系统配置。 • 为运行动态页面而需要使用的系统配置。 • 为存储数据而需要使用的系统配置。 为了建立可行的Web应用，用户的系统至少要达到前两个配置 要求。如果需要使用数据库，用户的系统就必须达到存储数据的 配置要求。 1、运行 UItraDev 4的系统配置 在基本运行环境上，UltraDev 4与 Dreamweaver 4的要求基本相 同，用户只需适当地增加一些内存，即可增加数据库的连接以及 数据查询和操作速度，从而提高Web开发速度。下面是运行 UltraDev时的系统配置要求：
中央处理器: Intel奔腾处理器(233MHz的处理速度或者更快) 奔腾处理器或其他同级别的兼容处理器 内存:64MB的RAM 硬盘空间:50MB的可用磁盘空间。 其他设备:支持SVGA24色以上的显示器、鼠标和调制解调器等 设备。 ·操作系统: Windows95、 Windows98、 Windows me、带有 Service Pack5的 Windows nt40、 Windows2000、 WindOws XP以及其他 支持 UltraDev4的操作系统 2、运行动态页面的系统配置 在 UltraDev4中,实现Web应用时已包括了创建动态的页面。 在网络服务器把动态的页面发送到浏览器之前,应用服务器就会 在运行中处理该动态页面。为了运行动态页面,用户需要一个应 用服务器,它应支持ASP、JSP或 Allaire coldfusion中的任何一种 或多种,能在为浏览器提交动态页面之前生成HTML源代码文件
• 中央处理器：Intel奔腾处理器（233MHz的处理速度或者更快）、 奔腾处理器或其他同级别的兼容处理器。 • 内存：64MB的RAM。 • 硬盘空间： 50MB的可用磁盘空间。 • 其他设备：支持 SVGA 24色以上的显示器、鼠标和调制解调器等 设备。 • 操作系统： Windows 95、Windows 98、Windows Me、带有 Service Pack 5的 Windows NT 4.0 、Windows 2000、Windows XP以及其他 支持 UltraDev 4的操作系统。 2、运行动态页面的系统配置 在 UltraDev 4中，实现 Web应用时已包括了创建动态的页面。 在网络服务器把动态的页面发送到浏览器之前，应用服务器就会 在运行中处理该动态页面。为了运行动态页面，用户需要一个应 用服务器，它应支持ASP、JSP或Allaire ColdFusion中的任何一种 或多种，能在为浏览器提交动态页面之前生成HTML源代码文件
3、实现数据存储的系统要求 无论用户创建何种Web应用程序,不进行数据的存储几乎是不 可能的。对于一个数据存储量不大的程序,可以使用文本文件来 实现数据的存储和读取,不过,文本的执行效率不高,也不便管 理。所以,一般的Web应用程序都不采用文本来存储数据,而是利 用数据库技术来存储数据。数据库的数据查询快速,管理方便, 容错功能强,在 Internet信息管理和应用中占有绝对的优势。 对于数据库,不同的用户、不同的数据量要求,也可能有不同 的选择。如果用户构建的站点规模不大,可以使用一些小型的数 据库程序,例如, Microsoft access或 Lotus approach等。本书 就是以 Microsoft access2000为例向大家介绍数据的使用的, 因为它在进行数据库设计和管理时非常便捷,而且性能优越,帮 助信息也很全面,用户很容易掌握其使用方法。 如果用户构建的站点规模很大,有大量的数据等待处理,并且 希望数据库非常强壮和拥有强大的容错能力,则应该安装服务器 级别的数据库系统,例如 Microsoft SQL Server、 Sybase、 Informix和 Oracle等,一般使用 Microsoft SQL Server和 Oracle 因为它们的功能强大,而且应用范围广,受支持程度高
3、实现数据存储的系统要求 无论用户创建何种Web应用程序，不进行数据的存储几乎是不 可能的。对于一个数据存储量不大的程序，可以使用文本文件来 实现数据的存储和读取，不过，文本的执行效率不高，也不便管 理。所以，一般的Web应用程序都不采用文本来存储数据，而是利 用数据库技术来存储数据。数据库的数据查询快速，管理方便， 容错功能强，在Internet信息管理和应用中占有绝对的优势。 对于数据库，不同的用户、不同的数据量要求，也可能有不同 的选择。如果用户构建的站点规模不大，可以使用一些小型的数 据库程序，例如，Microsoft Access或 Lotus Approach等。本书 就是以 Microsoft Access 2000为例向大家介绍数据的使用的， 因为它在进行数据库设计和管理时非常便捷，而且性能优越，帮 助信息也很全面，用户很容易掌握其使用方法。 如果用户构建的站点规模很大，有大量的数据等待处理，并且 希望数据库非常强壮和拥有强大的容错能力，则应该安装服务器 级别的数据库系统，例如 Microsoft SQL Server、Sybase、 Informix和Oracle等，一般使用Microsoft SQL Server和Oracle, 因为它们的功能强大，而且应用范围广，受支持程度高
713 Dreamweaver UltraDev工作界面 当第一次启动 UltraDev4时,看到如图7-1所示的窗口和面板, 用户会感觉到它有别于其他许多网页创作软件。许多网页创作软 件的界面拥有大量固定的菜单、工具栏和工具,使得在工作过程 中真正的文档工作区域经常被压缩得很小,而 UltraDev4却使用了 简便、精巧、实用的工具,不同级别和经验的用户都可以根据需 要有选择地定制自己所喜欢的界面,以用来提高工作效率。下面 介绍一下窗口中界面元素的名称和功能 对象面板 s untitled Doc ument(Unt ited.)-Dreanwweaver ultraDev Ele tat yew Insert Modify Iext commends Ste window telp objects Data Bit &e ea eo 文件窗口 To contigo e youa stte lce dnam data Detie EmP回mFa B/ERa 习归: 图7-1 UltraDev的窗口结构
7.1.3 Dreamweaver UltraDev工作界面 当第一次启动 UltraDev 4时，看到如图7-1所示的窗口和面板， 用户会感觉到它有别于其他许多网页创作软件。许多网页创作软 件的界面拥有大量固定的菜单、工具栏和工具，使得在工作过程 中真正的文档工作区域经常被压缩得很小，而UltraDev 4却使用了 简便、精巧、实用的工具，不同级别和经验的用户都可以根据需 要有选择地定制自己所喜欢的界面，以用来提高工作效率。下面 介绍一下窗口中界面元素的名称和功能： 对象面板 图7-1 UltraDev的窗口结构