- Dreamweaver 用户指南
- 简介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作区和视图
- 设置站点
- 管理文件
- 布局和设计
- CSS
- 页面内容和资源
- 设置页面属性
- 设置 CSS 标题属性和 CSS 链接属性
- 使用文本
- 查找和替换文本、标签和属性
- DOM 面板
- 在实时视图中编辑
- 在 Dreamweaver 中对文档编码
- 在“文档”窗口中选择和查看元素
- 在属性检查器中设置文本属性
- 对网页进行拼写检查
- 在 Dreamweaver 中使用水平线
- 在 Dreamweaver 中添加和修改字体组合
- 使用资源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中创建和管理收藏资源
- 在 Dreamweaver 中插入和编辑图像
- 添加媒体对象
- 在 Dreamweaver 中添加视频
- 插入 HTML5 视频
- 插入 SWF 文件
- 添加音频效果
- 在 Dreamweaver 中插入 HTML5 音频
- 使用库项目
- 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
- 链接与导航
- jQuery 构件和效果
- 对网站进行编码
- 关于在 Dreamweaver 中编码
- Dreamweaver 中的编码环境
- 设置编码偏好设置
- 自定义代码颜色
- 编写和编辑代码
- 代码提示和代码完成
- 折叠和展开代码
- 使用代码片段重用代码
- 使用 linting 检查代码
- 优化代码
- 在设计视图中编辑代码
- 使用页面的头内容
- 在 Dreamweaver 中插入服务器端包含
- 在 Dreamweaver 中使用标签库
- 将自定义标签导入 Dreamweaver
- 使用 JavaScript 行为(一般说明)
- 应用内置 JavaScript 行为
- 关于 XML 和 XSLT
- 在 Dreamweaver 中执行服务器端 XSL 转换
- 在 Dreamweaver 中执行客户端 XSL 转换
- 在 Dreamweaver 中为 XSLT 添加字符实体
- 设置代码格式
- 跨产品工作流
- 模板
- 移动设备和多屏幕
- 动态网站、页面和 Web 表单
- 以可视化方式生成应用程序
- 测试、预览和发布网站
- 疑难解答
用户界面已经在 Dreamweaver CC 和更高版本中做了简化。因此,您可能在 Dreamweaver CC 和更高版本中找不到本文中描述的一些选项。有关详细信息,请参阅此文章。
关于数据库记录
显示数据库记录涉及检索储存在数据库或其它内容源中的信息,以及将这些信息呈现到网页上。Dreamweaver 提供了许多显示动态内容的方法,并提供了若干内置的服务器行为,使您可以增强动态内容的表现方式,并使用户能够更轻松地查找和导航从数据库返回的信息。
数据库和其它动态内容源为您搜索、排序和查看大量存储的信息提供了更多功能和灵活性。如果需要存储大量信息然后有目的地检索并显示这些信息,那么使用数据库存储 Web 站点的内容将是一个不错的方法。Dreamweaver 为您提供了多种工具和预置行为,帮助您有效检索和显示存储在数据库中的信息。
服务器行为和格式元素
Dreamweaver 提供了下列服务器行为和格式元素,使您可以增强动态数据的显示效果:
格式
使您可以将不同类型的数字、货币、日期和时间以及百分比值应用于动态文本。
例如,如果记录集中某项的价格显示为 10.989,则选择 Dreamweaver 的“货币 - 用 2 位小数表示”格式后,该价格在页面上显示为 $10.99。这种格式使用两个小数位显示数字。如果数字具有两位以上的小数位,该数据格式会将数字四舍五入到最接近的数。如果数字不带小数位,该数据格式会添加一个小数点和两个零。
重复区域
服务器行为使您可以显示多个从数据库查询返回的项,还可指定每页显示的记录数。
记录集导航
服务器行为使您可以插入导航元素,使用户能够移动到从记录集返回的下一组或前一组记录。例如,如果使用“重复区域”服务器对象选择每页显示 10 条记录,并且记录集返回 40 条记录,则一次可以浏览 10 条记录。
记录集状态栏
服务器行为使您可以包括计数器,向用户显示他们在记录集中相对于返回的总记录数的位置。
显示区域
服务器行为使您可以根据当前所显示记录的相关性,选择显示或隐藏页面上的项目。例如,如果用户已导航到记录集中的最后一条记录,您可以隐藏“下一个”链接,而只显示“前一个”记录链接。
将印刷和页面布局元素应用于动态数据
Dreamweaver 的强大功能体现在它可以在结构化页面中显示动态数据,并通过 HTML 和 CSS 应用文字格式。若要将格式应用于 Dreamweaver 中的动态数据,请使用 Dreamweaver 的格式设置工具设置动态数据的表格和占位符的格式。当数据从数据源插入时,它会自动采用您指定的字体、段落和表格格式设置。
导航数据库记录集结果
记录集导航链接使用户可以从一个记录移到下一个,或者从一组记录移到下一组。例如,在设计了每次显示五条记录的页面后,您可能想要添加诸如“下一页”或“上一页”这类使用户可以显示后五条或前五条记录的链接。
可以创建四类浏览记录集的导航链接:第一个、前一个、下一个和最后一个。一个页面可以包含任意数量的上述链接,只要它们都使用单一记录集。在同一页中无法添加浏览另一个记录集的链接。
记录集导航链接需要下列动态元素:
要导航的记录集
页面上用来显示记录的动态内容
页面上用作可单击导航条的文本或图像
用于导航记录集的一组“移动到记录”服务器行为
后两个元素可以通过“记录导航条”服务器对象添加,或者分别通过设计工具和“服务器行为”面板添加。
创建记录集导航条
使用“记录集导航条”服务器行为,只需一个操作就可以创建记录集导航条。服务器对象在页面上添加以下构造块:
包含文本或图像链接的 HTML 表格
一组“移到”服务器行为
一组“显示区域”服务器行为
“记录集导航条”的文本版本看起来像这样:
在将导航条放到页面上之前,请确保页面包含要导航的记录集和用于显示记录的页面布局。
在将导航条放到页面上之后,可以按照自己的喜好使用设计工具来自定义它。还可以编辑“移到”和“显示区域”服务器行为,方法是在“服务器行为”面板中双击它们。
Dreamweaver 将创建一个包含文本或图像链接的表格。用户可以通过单击这些链接浏览所选记录集。当显示记录集中的第一条记录时,会隐藏第一个和前一个链接或图像。当显示记录集中的最后一条记录时,会隐藏下一个和最后一个链接或图像。
使用设计工具和“服务器行为”面板可以自定义导航条的布局。
-
在“设计”视图中,将插入点放在页面上您希望显示导航条的位置。
-
显示“记录集导航条”对话框(“插入”>“数据对象”>“记录集分页”>“记录集导航条”)。
-
从“记录集”弹出菜单中选择要导航的记录集。
-
从“显示方式”部分中选择用以在页面上显示导航链接的格式,然后单击“确定”。
文本
在页面上放置文本链接。
图像
包含作为链接的图形图像。Dreamweaver 使用它自己的图像文件。在将导航条放到页面上之后,您可以用自己的图像文件替换这些图像。
自定义记录集导航条
您可以创建自己的记录集导航条,使用比“记录集导航条”服务器对象所创建的简单表格提供的布局和格式样式更为复杂的布局和格式样式。
若要创建您自己的记录集导航条,必须:
以文本或图像的形式创建导航链接
将链接放在设计视图中的页面中
为每个导航链接分别指定服务器行为
此部分说明如何将各服务器行为指定给导航链接。
创建服务器行为并将其分配给导航链接
-
在“设计”视图中,选择页面上您希望用作记录导航链接的文本字符串或图像。
-
打开“服务器行为”面板(“窗口”>“服务器行为”),然后单击加号 (+) 按钮。
-
从弹出菜单中选择“记录集分页”,然后从列出的服务器行为中选择适合于该链接的服务器行为。
如果记录集中包含大量记录,则当用户单击“移至最后一条记录”链接时,可能要花费较长时间来运行该服务器行为。
-
在“记录集”弹出菜单中,选择包含该记录的记录集,然后单击确定。
该服务器行为即指定给了导航链接。
设置移到(服务器行为)对话框选项
添加使用户可以浏览记录集中记录的链接。
-
如果在页面上没有选择任何内容,请从弹出菜单中选择一个链接。
-
选择包含要分页浏览的记录的记录集,然后单击“确定”。注意:
如果记录集中包含大量记录,则当用户单击“移至最后一条记录”链接时,可能要花费较长时间来运行该服务器行为。
导航条设计任务
创建自定义导航条时,首先要使用 Dreamweaver 的网页设计工具创建它的视觉外观。您不必为文本字符串或图像创建链接,Dreamweaver 会为您创建相应链接。
为其创建导航条的页面中必须包含要导航的记录集。简单的记录集导航条可能如下图所示,它包含用图像创建的链接按钮或其它内容元素:
在将记录集添加到页面,并且创建了导航条之后,应该将单独的服务器行为应用于每个导航元素。例如,在典型的记录集导航条中,包含下列与适当行为匹配的链接:
导航链接 |
服务器行为 |
转到第一页 |
移到第一页 |
转到前一页 |
移到前一页 |
转到下一页 |
移到下一页 |
转到最后一页 |
移到最后一页 |
基于记录集结果显示和隐藏区域
还可以基于记录集是否为空来指定是显示区域还是隐藏区域。如果记录集为空(例如,在未找到与查询相匹配的记录时),可以显示一条消息通知用户没有记录返回。这在创建依靠用户输入的搜索词来运行查询的搜索页时尤其有用。同样,如果在连接到数据库时遇到问题,或者当用户的用户名和密码与服务器识别的不匹配时,可以显示错误消息。
“显示区域”服务器行为有:
如果记录集为空则显示
如果记录集非空则显示
如果是第一页则显示
如果不是第一页则显示
如果是最后一页则显示
如果不是最后一页则显示
-
在“设计”视图中,选择页面上要显示或要隐藏的区域。
-
在“服务器行为”面板(“窗口”>“服务器行为”)中,单击加号 (+) 按钮。
-
从弹出菜单中选择“显示区域”,然后选择一个列出的服务器行为并单击“确定”。
显示多个记录集结果
“重复区域”服务器行为允许在页面中显示记录集中的多条记录。任何动态数据选择都可以转变为重复区域。但最常见的区域是表格、表格行或一系列表格行。
-
在“设计”视图中,选择包含动态内容的区域。
可以选定任意内容,包括表格、表格行甚至一段文本。
若要精确选择页面上的区域,可以使用文档窗口左边角上的标签选择器。例如,如果区域为表行,则在页面上的该行内单击,然后单击标签选择器最右侧的 <tr> 标签以选择该表行。
-
选择“窗口”>“服务器行为”以显示“服务器行为”面板。
-
单击加号 (+) 按钮,并选择“重复区域”。
-
从弹出菜单中选择要使用的记录集的名称。
-
选择每页显示的记录数,然后单击“确定”。
在“文档”窗口中,重复区域周围会出现一个灰色的选项卡式细轮廓。
在属性检查器中修改重复区域
-
通过更改以下任意选项来修改所选重复区域:
重复区域的名称。
为重复区域提供记录的记录集。
显示的记录数
选择了新的选项之后,Dreamweaver 会更新页面。
重复使用 PHP 记录集
有关重复使用 PHP 记录集的教程,请参阅 David Powers 的教程《如何在多个重复区域中重复使用 PHP 记录集》
创建动态表格
下例说明了如何将“重复区域”服务器行为应用于表格行,它指定每页显示 9 条记录。行本身显示四种不同的记录:市/县、省/自治区、街道地址和邮政编码。
若要创建像上例这样的表格,必须创建包含动态内容的表格,并将“重复区域”服务器行为应用于包含动态内容的表格行。应用程序服务器处理页面时,会根据“重复区域”服务器对象中指定的次数重复该行,并在每一个新行中插入不同的记录。
-
执行下列操作之一,插入动态表格:
选择“插入”>“数据对象”>“动态数据”>“动态表格”以显示“动态表格”对话框。
在“插入”面板的“数据”类别中,单击“动态数据”按钮,然后从弹出菜单中选择“动态表格”图标。
-
从“记录集”弹出菜单中选择记录集。
-
选择每页显示的记录数。
-
(可选)输入表格边框、单元格边距和单元格间距的值。
“动态表格”对话框会保留您为表格边框、单元格边距和单元格间距输入的值。
注意:如果您处理的项目需要若干具有相同外观的动态表格,则输入表格布局值,这样会进一步简化页面开发。在插入表格后, 可以通过表格的属性检查器调整这些值。
-
单击“确定”。
一个表格和在相关记录集中定义的动态内容的占位符随即插入到页面中。
在本例中,记录集包含四列:AUTHORID、FIRSTNAME、LASTNAME 和 BIO。该表的标题行由各列的名称填充。可以使用任何描述性文本对标题进行编辑,或者用具有代表性的图像替换它们。
创建记录计数器
记录计数器为用户提供了遍历一组记录时的参考信息。通常情况下,记录计数器显示返回的记录总数以及正在查看的当前记录。例如,如果记录集返回 40 条单独的记录,并且每页显示 8 条记录,则位于首页上的记录计数器将显示“Displaying records 1-8 of 40”(总共 40 条记录,当前显示 1 - 8 条)。
在为页面创建记录计数器之前,必须首先创建该页的记录集、要包含动态内容的适当页面布局以及记录集导航条。
创建简单的记录计数器
记录计数器使用户可以了解相对于返回的记录总数,他们位于给定的一组记录中的位置。由于这个原因,记录计数器是一个有用的行为,可以显著增加网页的可用性。
使用“记录集导航状态”服务器对象创建简单的记录计数器。此服务器对象在页面上创建显示当前记录状态的文本项。可以使用 Dreamweaver 页面设计工具自定义记录计数器。
-
将插入点放在想要插入记录计数器的地方。
-
选择“插入”>“数据对象”>“显示记录计数”>“记录集导航状态”,接下来从“记录集”弹出菜单中选择记录集,然后单击“确定”。
“记录集导航状态”服务器对象随即插入一个类似于下例的文本记录计数器:
在实时视图中查看计数器时,它的外观类似于下例:
创建记录计数器并将它添加到页面
-
在“插入记录集导航状态”对话框中,选择要跟踪的记录集,并单击“确定”。
创建自定义记录计数器
可以使用单独的记录计数行为来创建自定义记录计数器。创建自定义记录计数器使您可以创建比“记录集导航状态”服务器对象所插入的简单表格(仅有一行)要复杂的记录计数器。可以通过多种巧妙方式排列设计元素,并将适当的服务器行为应用于每个元素。
“记录计数”服务器行为有:
显示起始记录编号
显示结束记录编号
显示总记录数
在为页面创建自定义记录计数器之前,必须首先创建该页的记录集、要包含动态内容的适当页面布局以及记录集导航条。
本例创建的记录计数器看起来类似于“简单的记录计数器”中的示例。本例中,用 sans-serif 字体表示的文本代表将要插入到页面中的记录计数器占位符。本例中的记录计数器显示如下:
显示 RecordSet.RecordCount 中从 StartRow 到 EndRow 的记录。
-
在“设计”视图中,在页面上输入计数器的文本。该文本可以是您想要的任何内容,例如:
Displaying records thru of .
-
将插入点放在文本字符串的最后。
-
打开“服务器行为”面板(“窗口”>“服务器行为”)。
-
单击左上角的加号 (+) 按钮,然后单击“显示记录计数”。在这个子菜单中,选择“显示总记录数”。“显示总记录数”行为随即插入到页面中,而且一个占位符插入到插入点所在的位置。文本字符串现在显示如下:
Displaying records thru of {Recordset1.RecordCount}.
-
将插入点放在单词 records 之后,然后从“服务器行为”>加号 (+) 按钮>“记录计数”面板中选择“显示起始记录编号”。文本字符串现在显示如下:
Displaying records {StartRow_Recordset1} thru of {Recordset1.RecordCount}.
-
现在,将插入点放在单词 thru 和 of 之间,然后从“服务器行为”>加号 (+) 按钮>“记录计数”面板中选择“显示开始记录计数号”。文本字符串现在显示如下:
Displaying records {StartRow_Recordset1} thru {EndRow_Recordset1} of{Recordset1.RecordCount}.
-
确认计数器是否能正常运行,方法是在“实时”视图中查看页面;计数器的外观类似于下例:
Displaying records 1 thru 8 of 40.
如果结果页面中存在转移到下一组记录的导航链接,则单击该链接时,记录计数器的显示将更新为:
Showing records 9 thru 16 of 40.
使用预定义的数据格式
Dreamweaver 包含若干预定义的数据格式,可应用于动态数据元素。数据格式的样式包括日期和时间、货币、数字以及百分比格式。
将数据格式应用于动态内容
-
在“文档”窗口中,选择动态内容的占位符。
-
选择“窗口”>“绑定”显示“绑定”面板。
-
单击“格式”列中的向下箭头按钮。
如果未看见向下箭头,请展开面板。
-
从“格式”弹出菜单中选择所需的数据格式类别。
确保选择的数据格式适合要设置格式的数据类型。例如,“货币”格式仅在动态数据是由数字数据构成时才有效。注意,对于同一数据不能应用多个格式。
-
验证是否正确应用了格式,方法是在“实时”视图中预览页面。
自定义数据格式
-
在“设计”视图中打开包含动态数据的页面。
-
选择要为其创建自定义格式的动态数据。
已选定其动态文本的绑定数据项将在“绑定”面板中高亮显示(“窗口”>“绑定”)。面板将为选定项显示两列,即“绑定”和“格式”。如果看不到“格式”列,可以将“绑定”面板加宽以显示它。
-
在“绑定”面板中,单击“格式”列中的向下箭头,展开可用数据格式的弹出菜单。
如果看不到向下箭头,则再将“绑定”面板进一步加宽。
-
从弹出菜单中选择“编辑格式列表”。
-
完成对话框设置,然后单击“确定”。
a. 从列表中选择格式,然后单击“编辑”。
b. 更改“货币”、“数字”或“百分比”对话框中的下列任何参数,然后单击“确定”。
- 小数点后显示的位数
- 是否在小数的开头部分放置前导零
- 是否对负值使用括号或减号
- 是否将位数分组
c. 若要删除数据格式,请在列表中单击该格式,然后单击减号 (-) 按钮。
创建数据格式(仅 ASP)
-
在“设计”视图中打开包含动态数据的页面。
-
选择要为其创建自定义格式的动态数据。
-
选择“窗口”>“绑定”显示“绑定”面板,然后单击“格式”列中的向下箭头。如果未看见向下箭头,请展开面板。
-
从弹出菜单中选择“编辑格式列表”。
-
单击加号 (+) 按钮并选择一种格式类型。
-
定义格式,然后单击“确定”。
-
在“名称”列中输入新格式的名称,然后单击“确定”。注意:
虽然 Dreamweaver 仅支持为 ASP 页创建数据格式,ColdFusion 和 PHP 用户可以下载其他开发人员创建的格式,还可以创建服务器格式并将它们发布到 Dreamweaver Exchange。有关服务器格式 API 的详细信息,请参阅“扩展 Dreamweaver”(“帮助”>“扩展 Dreamweaver”>“服务器格式”)。