显示数据库记录

上次更新日期: 2024年4月25日
注释

用户界面已经在 Dreamweaver 和更高版本中做了简化。 因此,您可能在 Dreamweaver 和更高版本中找不到本文中描述的一些选项。 有关详细信息,请参阅此文章

关于数据库记录

显示数据库记录涉及检索存储在数据库或其他内容来源中的信息,\n并将该信息渲染到网页上。Dreamweaver 提供\n了多种显示动态内容的方法,并提供了多个\n内置服务器行为,让您既能增强动态内容的显示\n,又能让用户更轻松地搜索\n和导航从数据库返回的信息。

数据库和其他动态内容来源为您提供\n了更强大的搜索、排序和查看大型\n信息网络商店的能力和灵活性。当您需要存储大量信息\n,然后以有意义的方式检索和显示该信息时,使用数据库为网站存储内容\n是合理的。Dreamweaver 为您提供了多个工具和\n预构建行为,以帮助您有效地检索和显示\n存储在数据库中的信息。

服务器行为和格式\n元素

Dreamweaver 提供以下\n服务器行为和格式元素,让您增强\n动态数据的显示:

格式

让您将不同类型的数值、货币、日期/时间\n和百分比值应用于动态文本。

例如,如果\n记录集中某个项目的价格显示为 10.989,您可以通过选择 Dreamweaver 的"货币 - 2 位小数"\n格式,将该价格在页面上显示为 $10.99。这种格式使用两个小数位显示数字。 如果\n数字有超过两位小数,数据格式会将\n数字四舍五入到最接近的小数位。如果数字没有小数\n位,数据格式会添加小数点和两个零。

重复区域

服务器行为让您显示从数据库查询返回的多个项目,并让您指定每页显示的记录数量。

记录集导航

服务器行为允许您插入导航元素,使用户能够移动到记录集返回的下一组或上一组记录。例如,如果您选择使用重复区域服务器对象每页显示 10 条记录,而记录集返回 40 条记录,则可以一次浏览 10 条记录。

记录集状态栏

服务器行为允许您包含一个计数器,向用户显示他们在记录集中相对于返回记录总数的位置。

显示区域

服务器行为允许您根据当前显示记录的相关性选择显示或隐藏页面上的项目。例如,如果用户已导航到记录集中的最后一条记录,您可以隐藏下一条链接,仅显示上一条记录链接。

将排版和页面布局元素应用于动态数据

Dreamweaver 的一个强大功能是能够在结构化页面中展示动态数据,并使用 HTML 和 CSS 应用排版格式。要在 Dreamweaver 中对动态数据应用格式,请使用 Dreamweaver 格式工具对动态数据的表格和占位符进行格式设置。当从数据源插入数据时,数据会自动采用您指定的字体、段落和表格格式。

记录集导航链接允许用户从一条记录移动到下一条记录,或从一组记录移动到下一组记录。例如,设计完每次显示五条记录的页面后,您可能希望添加下一页上一页等链接,让用户显示接下来的五条记录或之前的五条记录。

您可以创建四种类型的导航链接来浏览记录集:第一条、上一条、下一条和最后一条。单页面可以包含任意数量的这些链接,只要它们都在单个记录集上工作。您无法添加链接在同一页面上浏览第二个记录集。

记录集导航链接需要下列动态元素:

  • 要导航的记录集

  • 页面上用来显示记录的动态内容

  • 页面上的文字或图像用作可点击的导航栏

  • 一组"移至记录"服务器行为,用于导航记录集

    您可以使用"记录导航栏"服务器对象添加最后两个元素,或者使用设计工具和"服务器行为"面板分别添加它们。

创建记录集导航条

您可以使用"记录集导航栏"服务器行为在单个操作中创建记录集导航栏。服务器对象将以下构建块添加到页面:

  • 包含文本或图像链接的 HTML 表格

  • 一组“移到”服务器行为

  • 一组“显示区域”服务器行为

    “记录集导航条”的文本版本看起来像这样:

“记录集导航条”的文本版本

记录集导航条

在将导航条放到页面上之前,请确保页面包含要导航的记录集和用于显示记录的页面布局。

在将导航条放到页面上之后,可以按照自己的喜好使用设计工具来自定义它。 还可以编辑“移到”和“显示区域”服务器行为,方法是在“服务器行为”面板中双击它们。

Dreamweaver 将创建一个包含文本或图像链接的表格。用户可以通过单击这些链接浏览所选记录集。 当显示记录集中的第一条记录时,会隐藏第一个前一个链接或图像。 当显示记录集中的最后一条记录时,会隐藏下一个最后一个 链接或图像。

使用设计工具和“服务器行为”面板可以自定义导航条的布局。

在"设计"视图中,将插入点放置在页面上您希望导航栏出现的位置。
显示"记录集导航栏"对话框("插入">"数据对象">"记录集分页">"记录集导航栏")。
从"记录集"弹出菜单中选择您想要导航的记录集。
在"显示使用"部分,选择在页面上显示导航链接的格式,然后单击"确定"。

文本

在页面上放置文本链接。

图像

包含作为链接的图形图像。 Dreamweaver 使用自己的图像文件。您可以在页面上放置导航条后,将这些图像替换为您自己的图像文件。

自定义记录集导航条

您可以创建自己的记录集导航条,使用比记录集导航条服务器对象创建的简单表格更复杂的布局和格式样式。

若要创建您自己的记录集导航条,必须:

  • 以文本或图像的形式创建导航链接

  • 将链接放在“设计”视图中的页面中

  • 为每个导航链接分别指定服务器行为

本节介绍如何将单个服务器行为分配给导航链接。

在"设计"视图中,选择页面上要用作记录导航链接的文本字符串或图像。
打开"服务器行为"面板("窗口">"服务器行为"),然后单击加号 (+) 按钮。
从弹出菜单中选择"记录集分页";然后从列出的服务器行为中选择适合该链接的服务器行为。

如果记录集包含大量记录,当用户单击链接时,"移至最后一条记录"服务器行为可能需要很长时间运行。

在"记录集"弹出菜单中,选择包含记录的记录集,然后单击"确定"。

该服务器行为即指定给了导航链接。

设置"移至"(服务器行为)对话框选项

添加允许用户浏览记录集中记录的链接。

如果您在页面上未选择任何内容,请从弹出菜单中选择一个链接。
选择包含要翻页浏览的记录的记录集,然后单击"确定"。
注释

如果记录集包含大量记录,\n当用户单击链接时,"移至最后一条记录"服务器行为可能需要很长时间\n才能运行。

创建自定义导航栏时,首先使用 Dreamweaver 页面设计工具创建其视觉展现方案。您无需为文本字符串或图像创建链接,Dreamweaver 会为您创建。

您为其创建导航栏的页面必须包含一个记录集\n才能导航。简单的记录集导航栏可能如下所示, 其中包含由图像或其他内容元素创建的链接按钮:

简单记录集导航条

将记录集添加到页面并创建\n导航栏后,您必须将各个服务器行为应用到\n每个导航元素。例如,典型的记录集导航\n栏包含与相应行为匹配的以下链接的表示:

导航链接

服务器行为

转到第一页

移到第一页

转到前一页

移到前一页

转到下一页

移到下一页

转到最后一页

移到最后一页

根据记录集结果显示和隐藏区域

您还可以指定根据记录集是否为空来显示\n或隐藏区域。如果记录集为空(例如,未找到与查询匹配的记录),您可以显示一条消息,告知用户没有返回任何记录。这在创建依赖用户输入搜索条件来运行查询的搜索页面时特别有用。同样,如果连接数据库时出现故障,或者用户的用户名和密码与服务器识别的用户名和密码不匹配,您可以显示错误消息。

Show Region 服务器行为\n包括:

  • 如果记录集为空则显示

  • 如果记录集不为空则显示

  • 如果是第一页则显示

  • 如果不是第一页则显示

  • 如果是最后一页则显示

  • 如果不是最后一页则显示

在设计视图中,选择页面上要\n显示或隐藏的区域。
在服务器行为面板(窗口 > 服务器\n行为)中,单击加号 (+) 按钮。
从弹出式菜单中选择 Show Region,选择列出的\n服务器行为之一,然后单击"确定"。

显示多个记录集结果

Repeating Region 服务器行为让\n您可以在页面内显示记录集中的多个记录。任何\n动态数据选择都可以变成重复区域。但是,\n最常见的区域是表格、表格行或一系列\n表格行。

在设计视图中,选择包含动态内容的区域。

该选择可以是任何内容,包括表格、表格\n行,甚至是文本段落。

要精确地在页面上选择区域,您可以使用文档窗口左上角的标记选择器。例如,如果区域是表格行,请在页面上的行内单击,然后单击标记选择器中最右边的 <tr> 标记以选择表格行。

选择"窗口">"服务器行为"以显示\n服务器行为面板。
单击加号 (+) 按钮,然后选择 Repeating\nRegion。
从弹出菜单中选择要使用的记录集名称。
选择每页显示的记录数,然后单击"确定"。

在"文档"窗口中,重复区域周围会显示一个细的、带标签的灰色轮廓。

在属性检查器中修改重复区域

通过更改以下任一选项来修改选定的重复区域:
  • 重复区域的名称。

  • 为重复区域提供记录的记录集。

  • 显示的记录数

    当您选择新选项时,Dreamweaver 会更新页面。

重复使用 PHP 记录集

有关重复使用 PHP 记录集的教程,请参阅 David Powers 的教程,如何在多个重复区域中重复使用 PHP 记录集?

创建动态表格

以下示例说明了如何将重复区域服务器行为应用于表格行,并指定每页显示九条记录。该行本身显示四个不同的记录:城市、州、街道地址和邮政编码。

“重复区域”服务器行为应用于表格行

要创建如前面示例中的表格,您必须创建一个包含动态内容的表格,并将重复区域服务器行为应用于包含动态内容的表格行。当页面由应用程序服务器处理时,该行会按照重复区域服务器对象中指定的次数进行重复,每个新行中插入不同的记录。

执行下列操作之一,插入动态表格:
  • 选择"插入">"数据对象">"动态数据">"动态表"以显示"动态表"对话框。

  • 在"插入"面板的"数据"类别中,单击"动态数据"按钮,然后从弹出窗口菜单中选择"动态表"图标。

从“记录集”弹出菜单中选择记录集。
选择每页显示的记录数。
(可选)为表格边框、单元格填充和单元格间距输入值。

"动态表"对话框会保留您为表格边框、单元格填充和单元格间距输入的值。

注释

如果您正在处理需要多个具有相同外观的动态表的项目,请输入表格布局值,这将进一步简化页面开发。插入表格后,您可以使用表格属性检查器调整这些值。

单击“确定”。

表格和与其关联的记录集中定义的动态内容的占位符将插入到页面中。

一个表格和记录集中动态内容的占位符

在此示例中,记录集包含四列:AUTHORID、FIRSTNAME、LASTNAME 和 BIO。表格的标题行包含各列的名称。您可以使用任何描述性文字编辑标题,或将其替换为代表性图像。

创建记录计数器

记录计数器为用户在浏览记录集时提供参考点。通常,记录计数器会显示返回的记录总数以及当前正在查看的记录。例如,如果记录集返回 40 个个体\n记录,而每个页面显示 8 个记录,那么第一个页面的记录计数器\n会显示"显示记录 1-8/40"。

在\n为页面创建记录计数器之前,您必须为该页面创建记录集、\n包含动态内容的适当页面布局,然后创建记录集导航条。

创建简单的记录计数器

记录计数器让用户了解他们在指定记录集中的位置,\n相对于返回的记录总数。因此,记录计数器是有用的行为,\n可以显著增强网页的可用性。

使用记录集导航状态\n服务器对象创建\n简单的记录计数器。此服务器对象在页面上创建文本条目,\n用于显示当前记录状态。您可以使用 Dreamweaver 页面设计工具自定义记录计数器。

将插入点放置在要插入记录计数器的位置。
选择"插入">"数据对象">"显示记录计数">"记录集导航状态",从"记录集"弹出式菜单中选择记录集,然后单击"确定"。

记录集导航状态服务器对象会插入文本记录计数器,显示效果类似于以下示例:

在实时视图中查看时,计数器的显示效果类似于以下示例:

构建记录计数器并将其添加到页面

在"插入记录集导航状态"对话框中,选择要跟踪的记录集,然后单击"确定"。

创建自定义记录计数器

您使用单个记录计数行为来创建自定义记录计数器。创建自定义记录计数器让您能够创建超越记录集导航状态服务器对象插入的简单、单行表格的记录计数器。您可以通过多种创意方式排列设计元素,并为每个元素应用适当的服务器行为。

记录计数服务器行为包括:

  • 显示起始记录编号

  • 显示结束记录编号

  • 显示总记录数

在为页面创建自定义记录计数器之前,您必须首先为页面创建记录集、包含动态内容的相应页面布局以及记录集导航栏。

此示例创建了一个与"简单记录计数器"示例类似的记录计数器。在此示例中,无衬线字体的文本表示将插入到页面中的记录计数占位符。此示例中的记录计数器显示如下:

显示记录 StartRowEndRow,共 RecordSet.RecordCount 条。

在设计视图中,在页面上输入计数器的文本。该文本可以是您想要的任何内容,例如:

显示记录 到 ,共 条。

将插入点放在文本字符串的最后。
打开服务器行为面板("窗口">"服务器行为")。
单击左上角的加号 (+) 按钮,然后单击"显示记录计数"。在此子菜单中,选择"显示\n记录总数"。显示记录总数行为被插入到页面中,并在插入点位置插入一个占位符。文本字符串现在显示如下:

显示第 条到第 {Recordset1.RecordCount} 条记录。

将插入点放在 records 一词后,\n从"服务器行为">"加号 (+)"按钮 >"记录计数"\n面板中选择"显示起始记录计数编号"。文本字符串现在显示如下:

显示第 {StartRow_Recordset1} 条到第 条记录,共 {Recordset1.RecordCount} 条。

现在将插入点放在 thruof 之间,\n从"服务器行为">"加号 (+)"按钮 >"记录计数"\n面板中选择"显示起始记录计数编号"。文本字符串现在显示如下:

显示第 {StartRow_Recordset1} 条到第 {EndRow_Recordset1} 条记录,共 {Recordset1.RecordCount} 条。

通过在"实时"视图中查看\n页面来确认计数器运行正常;计数器如下例所示:

显示第 1 条到第 8 条记录,共 40 条。

如果结果页面有导航链接可移至下一组记录,点击该链接会更新记录计数器,显示如下:

显示第 9 条到第 16 条记录,共 40 条。

使用预定义的数据格式

Dreamweaver 包含\n多个预定义的数据格式,您可以将其应用于动态数据\n元素。数据格式样式包括日期和时间、货币、数值\n和百分比格式。

将数据格式应用于动态内容

在"文档"窗口中选择动态内容占位符。
选择"窗口">"绑定"以显示"绑定"\n面板。
单击“格式”列中的向下箭头按钮。

如果未看见向下箭头,请展开面板。

从"格式"弹出菜单中,选择您需要的\n数据格式类别。

确保数据格式适用于您要\n格式化的数据类型。例如,货币格式仅在\n动态数据由数值数据组成时才有效。请注意,您\n不能对同一数据应用多个格式。

通过在"实时"视图中预览\n页面来验证格式是否正确应用。

自定义数据格式

在"设计"视图中打开包含动态数据的页面。
\n

选择您想要为其创建自定义格式的动态数据。
\n

已选定其动态文本的绑定数据项将在“绑定”面板中高亮显示(“窗口”>“绑定”)。 面板将为选定项显示两列,即“绑定”和“格式”。 如果看不到“格式”列,可以将“绑定”面板加宽以显示它。

在"绑定"面板中,点击"格式"列中的向下箭头以展开可用数据格式的弹出菜单。
\n

如果看不到向下箭头,则再将“绑定”面板进一步加宽。

从弹出菜单中选择“编辑格式列表”。

完成对话框设置,然后点击"确定"。
\n

a.从列表中选择格式,然后点击"编辑"。

b.在"货币"、"数字"或"百分比"对话框中更改以下任何参数,然后单击"确定"。

  • 小数点后显示的位数
  • 是否在小数的开头部分放置前导零
  • 是否对负值使用括号或减号
  • 是否将位数分组

c.要删除数据格式,请在列表中单击该格式,然后单击减号 (-) 按钮。

创建数据格式(仅 ASP)

在设计视图中打开包含动态数据的页面。

选择要为其创建自定义格式的动态数据。

选择"窗口">"绑定"以显示"绑定"面板,然后单击"格式"列中的向下箭头。如果向下箭头不可见,请展开面板。
从弹出菜单中选择“编辑格式列表”。
单击加号 (+) 按钮并选择一种格式类型。
定义格式,然后单击“确定”。
在"名称"列中为新格式输入名称,然后单击"确定"。
注释

虽然 Dreamweaver 只支持为 ASP 页面创建数据格式,但 ColdFusion 和 PHP 用户可以下载其他开发人员创建的格式,或者创建服务器格式并将其发布到 Dreamweaver Exchange。\n有关 Server Format API 的更多信息,请参见扩展 Dreamweaver(帮助 > 扩展 Dreamweaver > Server Formats)。

更多类似内容