用户指南 取消(C)

生成搜索页和结果页

  1. Dreamweaver 用户指南
  2. 简介
    1. 响应式网页设计基础知识
    2. Dreamweaver 中的新增功能
    3. 使用 Dreamweaver 进行 Web 开发 - 概述
    4. Dreamweaver/常见问题
    5. 键盘快捷键
    6. Dreamweaver 系统要求
    7. 功能摘要
  3. Dreamweaver 和 Creative Cloud
    1. 将 Dreamweaver 设置与 Creative Cloud 同步
    2. Dreamweaver 中的 Creative Cloud Libraries
    3. 在 Dreamweaver 中使用 Photoshop 文件
    4. 使用 Adobe Animate 和 Dreamweaver
    5. 从库提取 Web 优化的 SVG 文件
  4. Dreamweaver 工作区和视图
    1. Dreamweaver 工作区
    2. 为可视化开发优化 Dreamweaver 工作区
    3. 根据文件名或内容搜索文件 | Mac OS
  5. 设置站点
    1. 关于 Dreamweaver 站点
    2. 设置站点的本地版本
    3. 连接到发布服务器
    4. 设置测试服务器
    5. 导入和导出 Dreamweaver 站点设置
    6. 将现有网站从远程服务器下载到您的本地站点根目录
    7. Dreamweaver 中的辅助功能
    8. 高级设置
    9. 设置用于传输文件的站点偏好设置
    10. 在 Dreamweaver 中指定代理服务器设置
    11. 将 Dreamweaver 设置与 Creative Cloud 同步
    12. 在 Dreamweaver 中使用 Git
  6. 管理文件
    1. 创建和打开文件
    2. 管理文件和文件夹
    3. 从服务器获取文件和将文件上传到服务器
    4. 存回和取出文件
    5. 同步文件
    6. 比较文件的差别
    7. 遮盖 Dreamweaver 站点中的文件和文件夹
    8. 为 Dreamweaver 站点启用设计备注
    9. 防止潜在的 Gatekeeper 漏洞
  7. 布局和设计
    1. 使用可视化助理进行布局
    2. 关于使用 CSS 来设计页面布局
    3. 使用 Bootstrap 设计响应式网站
    4. 在 Dreamweaver 中创建和使用媒体查询
    5. 使用表格显示内容
    6. 颜色
    7. 使用流式网格布局的响应式设计
    8. Dreamweaver 中的 Extract
  8. CSS
    1. 了解层叠样式表
    2. 使用 CSS Designer 进行页面布局
    3. 在 Dreamweaver 中使用 CSS 预处理器
    4. 如何在 Dreamweaver 中设置 CSS 样式偏好设置
    5. 在 Dreamweaver 中移动 CSS 规则
    6. 在 Dreamweaver 中将内联 CSS 转换为 CSS 规则
    7. 使用 div 标签
    8. 向背景应用渐变效果
    9. 在 Dreamweaver 中创建和编辑 CSS3 过渡效果
    10. 设置代码格式
  9. 页面内容和资源
    1. 设置页面属性
    2. 设置 CSS 标题属性和 CSS 链接属性
    3. 使用文本
    4. 查找和替换文本、标签和属性
    5. DOM 面板
    6. 在实时视图中编辑
    7. 在 Dreamweaver 中对文档编码
    8. 在“文档”窗口中选择和查看元素
    9. 在属性检查器中设置文本属性
    10. 对网页进行拼写检查
    11. 在 Dreamweaver 中使用水平线
    12. 在 Dreamweaver 中添加和修改字体组合
    13. 使用资源
    14. 在 Dreamweaver 中插入和更新日期
    15. 在 Dreamweaver 中创建和管理收藏资源
    16. 在 Dreamweaver 中插入和编辑图像
    17. 添加媒体对象
    18. 在 Dreamweaver 中添加视频
    19. 插入 HTML5 视频
    20. 插入 SWF 文件
    21. 添加音频效果
    22. 在 Dreamweaver 中插入 HTML5 音频
    23. 使用库项目
    24. 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
  10. 链接与导航
    1. 关于链接与导航
    2. 链接
    3. 图像地图
    4. 链接疑难解答
  11. jQuery 构件和效果
    1. 在 Dreamweaver 中使用 jQuery UI 和移动构件
    2. 在 Dreamweaver 中使用 jQuery 效果
  12. 对网站进行编码
    1. 关于在 Dreamweaver 中编码
    2. Dreamweaver 中的编码环境
    3. 设置编码偏好设置
    4. 自定义代码颜色
    5. 编写和编辑代码
    6. 代码提示和代码完成
    7. 折叠和展开代码
    8. 使用代码片段重用代码
    9. 使用 linting 检查代码
    10. 优化代码
    11. 在设计视图中编辑代码
    12. 使用页面的头内容
    13. 在 Dreamweaver 中插入服务器端包含
    14. 在 Dreamweaver 中使用标签库
    15. 将自定义标签导入 Dreamweaver
    16. 使用 JavaScript 行为(一般说明)
    17. 应用内置 JavaScript 行为
    18. 关于 XML 和 XSLT
    19. 在 Dreamweaver 中执行服务器端 XSL 转换
    20. 在 Dreamweaver 中执行客户端 XSL 转换
    21. 在 Dreamweaver 中为 XSLT 添加字符实体
    22. 设置代码格式
  13. 跨产品工作流
    1. 安装和使用 Dreamweaver 的扩展
    2. Dreamweaver 中的应用程序内更新
    3. 在 Dreamweaver 中插入 Microsoft Office 文档(仅限 Windows)
    4. 使用 Fireworks 和 Dreamweaver
    5. 使用 Contribute 编辑 Dreamweaver 站点中的内容
    6. Dreamweaver 和 Business Catalyst 集成
    7. 创建个性化的电子邮件营销活动
  14. 模板
    1. 关于 Dreamweaver 模板
    2. 识别模板和基于模板的文档
    3. 创建 Dreamweaver 模板
    4. 在模板中创建可编辑区域
    5. 在 Dreamweaver 中创建重复区域和表格
    6. 在模板中使用可选区域
    7. 在 Dreamweaver 中定义可编辑的标签属性
    8. 如何在 Dreamweaver 中创建嵌套模板
    9. 编辑、更新和删除模板
    10. 在 Dreamweaver 中导出和导入 xml 内容
    11. 在现有文档中应用或删除模板
    12. 在 Dreamweaver 模板中编辑内容
    13. Dreamweaver 中模板标签的语法规则
    14. 设置模板区域的高亮显示偏好设置
    15. 在 Dreamweaver 中使用模板的好处
  15. 移动设备和多屏幕
    1. 创建媒体查询
    2. 更改移动设备的页面方向
    3. 使用 Dreamweaver 创建适用于移动设备的 Web 应用程序
  16. 动态网站、页面和 Web 表单
    1. 了解 Web 应用程序
    2. 设置计算机以进行应用程序开发
    3. 数据库连接疑难解答
    4. 在 Dreamweaver 中删除连接脚本
    5. 设计动态页
    6. 动态内容源概述
    7. 定义动态内容源
    8. 向页面添加动态内容
    9. 在 Dreamweaver 中更改动态内容
    10. 显示数据库记录
    11. 在 Dreamweaver 中提供动态数据和进行疑难解答
    12. 在 Dreamweaver 中添加自定义服务器行为
    13. 使用 Dreamweaver 生成表单
    14. 使用表单从用户处收集信息
    15. 在 Dreamweaver 中创建和启用 ColdFusion 表单
    16. 创建 Web 表单
    17. 增强了对表单元素的 HTML5 支持
    18. 使用 Dreamweaver 开发表单
  17. 以可视化方式生成应用程序
    1. 在 Dreamweaver 中生成主页和详细页
    2. 生成搜索页和结果页
    3. 生成记录插入页
    4. 在 Dreamweaver 中生成更新记录页
    5. 在 Dreamweaver 中生成记录删除页
    6. 在 Dreamweaver 中使用 ASP 命令修改数据库
    7. 生成注册页
    8. 生成登录页
    9. 生成只有授权用户才能访问的页面
    10. 使用 Dreamweaver 保护 Coldfusion 中的文件夹
    11. 在 Dreamweaver 中使用 ColdFusion 组件
  18. 测试、预览和发布网站
    1. 预览页面
    2. 在多个设备上预览 Dreamweaver 网页
    3. 测试 Dreamweaver 站点
  19. 疑难解答
    1. 已修复的问题
    2. 已知问题

 

 

注意:

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

关于搜索页和结果页

可以使用 Dreamweaver 生成一组页面,以便用户可以搜索您的数据库并查看搜索结果。

在大多数情况下,至少需要两个页面才能将此功能添加到 Web 应用程序中。第一个页面包含用户可以在其中输入搜索参数的 HTML 表单。尽管此页面不执行任何实际的搜索,但它仍被称为“搜索页”。

所需的第二个页面是结果页,它执行大部分搜索工作。结果页执行以下任务:

  • 读取搜索页提交的搜索参数

  • 连接到数据库并查找记录

  • 使用找到的记录建立记录集

  • 显示记录集的内容

    或者,您还可以添加详细页。详细页为用户提供有关结果页上的特定记录的更多信息。

    如果只有一个搜索参数,Dreamweaver 允许您将搜索功能添加到 Web 应用程序中,而不必使用 SQL 查询和变量。只需简单地设计页面并完成几个对话框。如果您有多个搜索参数,则需要编写一条 SQL 语句并为其定义多个变量。

    Dreamweaver 将 SQL 查询插入到页面中。当该页面在服务器上运行时,会检查数据库表中的每一条记录。如果某一记录中的特定字段满足 SQL 查询条件,则将该记录包含在记录集中。SQL 查询将生成一个只包含搜索结果的记录集。

    例如,现场销售人员可能知道某个区域中收入超过某一水平的客户的信息。在搜索页上的表单中,该销售人员的同事输入一个地理区域和最低收入水平,然后单击“提交”按钮将这两个值发送给服务器。在服务器上,这两个值被传递给结果页的 SQL 语句,然后该语句创建一个记录集,其中只包含指定区域中收入超过指定水平的客户。

生成搜索页

Web 上的搜索页通常包含用户在其中输入搜索参数的表单字段。搜索页至少必须具有一个带有“提交”按钮的 HTML 表单。

若要向搜索页添加 HTML 表单,请完成以下步骤。

  1. 打开搜索页或一个新页面,然后选择“插入”>“表单”>“表单”。

    将在页面上创建一个空表单。您可能需要启用“不可见元素”(“查看”>“可视化助理”>“不可见元素”)来查看表单的边界,边界由红色的细线表示。

  2. 从“插入”菜单中选择“表单”,添加表单对象以供用户输入搜索参数。

    表单对象包括文本字段、菜单、选项和单选按钮。可以添加任意多的表单对象以帮助用户细化搜索操作。但是请记住,搜索页上搜索参数的数目越多,SQL 语句就将越复杂。

  3. 在表单上添加一个“提交”按钮(“插入”>“表单”>“按钮”)。
  4. (可选)通过以下方法更改“提交”按钮的标签文字:选择该按钮,打开属性检查器(“窗口”>“属性”),并在“值”框中输入一个新值。

    下一步,您将告诉表单当用户单击“提交”按钮时向何处发送搜索参数。

  5. 通过在“文档”窗口底部的标签选择器中选择 <form> 标签来选择表单,如下所示:
    Form 标签

  6. 在该表单的属性检查器中的“动作”框中,输入将执行数据库搜索的结果页的文件名。
  7. 在“方法”弹出菜单中,选择下列方法之一确定表单如何将数据发送到服务器:
    • GET 通过将表单数据作为查询字符串附加到 URL 来发送这些数据。由于 URL 的长度限制为 8192 个字符,因此不要将 GET 方法用于较长的表单。

    • POST 在消息正文中发送表单数据。

    • Default 使用浏览器的默认方法(通常为 GET)。

      搜索页就完成了。

生成简单的结果页

用户单击表单的“搜索”按钮时,搜索参数即发送到服务器上的结果页。由服务器上的结果页(而不是浏览器上的搜索页)负责从数据库检索记录。如果搜索页只向服务器提交一个搜索参数,则您无需 SQL 查询和变量即可生成结果页。您可以创建一个具有过滤器的基本记录集,该过滤器能够排除不满足搜索页所提交的搜索参数的记录。

注意:

如果具有多个搜索条件,则必须使用高级“记录集”对话框来定义记录集(请参阅生成高级结果页)。

创建存放搜索结果的记录集

  1. 在“文档”窗口中打开结果页。

    如果您还没有结果页,请创建一个空白的动态页(“文件”>“新建”>“空白页”)。

  2. 通过下列方法创建一个记录集:打开“绑定”面板(“窗口”>“绑定”),单击加号 (+) 按钮,并从弹出菜单中选择“记录集”。
  3. 确保出现简单“记录集”对话框。
    “记录集”对话框

    注意:

    如果出现的是高级对话框,则通过单击“简单”按钮切换到简单对话框。

  4. 输入记录集的名称并选择一个连接。

    该连接应该连接到包含希望用户搜索的数据的数据库。

  5. 在“表”弹出菜单中,选择数据库中要搜索的表。
    注意:

    在单参数搜索中,可以只在一个表中搜索记录。若要同时搜索多个表,必须使用高级的“记录集”对话框并定义一个 SQL 查询。

  6. 若要使记录集中只包括某些表列,请单击“已选定”,然后按住 Ctrl 单击 (Windows) 或按住 Command 单击 (Macintosh) 列表中所需的列。

    您应该只包括含有您要在结果页显示的信息的列。

    暂时使“记录集”对话框保持打开状态。下一步将使用该对话框获取搜索页发送的参数,并创建一个记录集过滤器来排除不满足参数的记录。

创建记录集过滤器

  1. 在“筛选”区域中的第一个弹出菜单中,选择要在其中搜索匹配记录的数据库表中的一列。

    例如,如果搜索页发送的值是城市名,则在包含城市名的表中选择列。

  2. 从第一个菜单旁边的弹出菜单中,选择等号(它应该为默认值)。
  3. 从第三个弹出式菜单中,选择“表单变量”(如果搜索页上的表单使用 POST 方法),或者选择“URL 参数”(如果搜索页上的表单使用 GET 方法)。

    搜索页使用表单变量或是 URL 参数将信息传递到结果页。

  4. 在第四个框中,输入接受搜索页上的搜索参数的表单对象的名称。

    对象名称也兼作为表单变量名称或 URL 参数。可以通过下面的方法获取此名称:切换到搜索页,单击表单上的表单对象以选择它,并在属性检查器中查看对象的名称。

    例如,假设您希望创建一个只包括到特定国家/地区的探险旅程的记录集。假设表中有一个名为 TRIPLOCATION 列。另外还假设搜索页上的 HTML 表单使用 GET 方法并包含一个名为 Location 的菜单对象(它显示国家/地区列表)。下例显示了应如何设置“筛选”部分:

    表单对象参数

  5. (可选)单击“测试”,输入一个测试值,然后单击“确定”连接到数据库并创建一个记录集实例。

    测试值模拟本来应由搜索页返回的值。单击“确定”关闭测试记录集。

  6. 如果您对该记录集感到满意,请单击“确定”。

    将在页面中插入一个服务器端脚本,该脚本在服务器上运行时将检查数据库表中的每条记录。如果某一记录中的指定字段满足过滤条件,则将该记录包含在记录集中。此脚本会生成一个只包含搜索结果的记录集。

    下一步是在结果页上显示记录集。有关详细信息,请参阅显示搜索结果

生成高级结果页

如果搜索页向服务器提交多个搜索参数,则必须为结果页编写一个 SQL 查询并在 SQL 变量中使用搜索参数。

注意:

如果仅有一个搜索条件,则可以使用简单“记录集”对话框来定义记录集(请参阅生成简单的结果页)。

  1. 在 Dreamweaver 中打开结果页,然后通过下面的方法创建一个记录集:打开“绑定”面板(“窗口”>“绑定”),单击加号 (+) 按钮,然后从弹出菜单中选择“记录集”。
  2. 确保出现了高级“记录集”对话框。

    高级对话框有一个用于输入 SQL 语句的文本区域。如果出现的是简单对话框,则请通过单击“高级”按钮切换到高级对话框。

  3. 输入记录集的名称并选择一个连接。

    该连接应该连接到包含希望用户搜索的数据的数据库。

  4. 在 SQL 文本区域中输入一条 Select 语句。

    确保该语句包含一个 WHERE 子句,并且该子句带有可以用来保存搜索参数的变量。在下例中,变量名为 varLastNamevarDept

    SELECT EMPLOYEEID, FIRSTNAME, LASTNAME, DEPARTMENT, EXTENSION FROM EMPLOYEE ¬ 
    WHERE LASTNAME LIKE 'varLastName' ¬ 
    AND DEPARTMENT LIKE 'varDept'

    若要减少键入量,可以使用高级“记录集”对话框底部的数据库项目树。有关说明,请参阅通过编写 SQL 来定义高级记录集

    有关 SQL 语法的帮助,请参阅 SQL 入门,网址为 www.adobe.com/go/learn_dw_sqlprimer_cn

  5. 通过单击“变量”区域中的加号 (+) 按钮并输入变量名、默认值(没有运行时值返回时变量应采用的值)和运行时值(通常是存放浏览器所发送值的服务器对象,如请求变量),将搜索参数的值赋给 SQL 变量。

    在下面的 ASP 示例中,搜索页上的 HTML 表单使用 GET 方法并包含一个名为 LastName 的文本字段和一个名为 Department 的文本字段:

    ASP 示例

    在 ColdFusion 中,运行时值为 #LastName##Department#。在 PHP 中,运行时值为 $_REQUEST["LastName"]$_REQUEST["Department"]

  6. (可选)单击“测试”使用默认的变量值创建一个记录集实例。

    默认值模拟本来应由搜索页返回的值。单击“确定”关闭测试记录集。

  7. 如果您对该记录集感到满意,请单击“确定”。

    SQL 查询将插入到您的页面中。

    下一步是在结果页上显示记录集。

显示搜索结果

创建保留搜索结果的记录集后,您必须在结果页上显示这些信息。显示记录的过程十分简单,只需将每个列从“绑定”面板拖动到结果页上即可。可以添加导航链接以便在记录集中向前和向后移动,或者可以创建重复区域在页面上显示多条记录。您还可以将链接添加到详细页。

有关在页面上显示动态内容(而不是在动态表格中显示结果)的方法的详细信息,请参阅显示数据库记录

  1. 将插入点放在结果页面上想要显示动态表格的地方,然后选择“插入”>“数据对象”>“动态数据”>“动态表格”。
  2. 通过选择您所定义的用来放置搜索结果的记录集完成“动态表格”对话框。
  3. 单击“确定”。用于显示搜索结果的动态表格将被插入到结果页面中。

创建结果页的详细页

您的搜索页和结果页集可包括一个详细页,以显示与结果页上的特定记录有关的更多信息。这种情况下,结果页兼作为主/详细页集中的主页。

您可以创建打开相关页面并将现有参数传递到该页面的链接。仅当使用 ASP 服务器模型时,服务器行为才可用。

在将“转到相关页面”服务器行为添加到页面前,请确保该页面从另一个页面接收表单或 URL 参数。服务器行为的工作是将这些参数传递到第三个页面。例如,可以将结果页接收的搜索参数传递到另一个页面,从而使用户不必再次输入搜索参数。

另外,可以在页面上选择用作指向相关页面的链接的文本或图像,或者在不选择任何内容的情况下将指针放在该页面上即可插入链接文本。

  1. 在“转到相关页面”框中,单击“浏览”并找到相关页面文件。

    如果当前页面向自身提交数据,则输入当前页面的文件名。

  2. 如果希望传递的参数直接从使用 GET 方法的 HTML 表单获得,或者列在该页的 URL 中,则请选择“URL 参数”选项。
  3. 如果希望传递的参数直接从使用 POST 方法的 HTML 表单获得,则请选择“表单参数”选项。
  4. 单击“确定”。

    当单击新链接时,页面使用查询字符串将参数传递到相关页面。

 Adobe

更快、更轻松地获得帮助

新用户?