为可视化开发优化 Dreamweaver 工作区

优质
小牛编辑
128浏览
2023-12-01

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

显示 Web 应用程序开发面板

从“插入”面板的“类别”弹出菜单中选择“数据”类别可显示一组按钮,使用这些按钮可以向页面中添加动态内容和服务器行为。

显示的按钮的数量和类型取决于在“文档”窗口中打开的文档类型。将鼠标指针移到图标上时,会显示工具提示,说明该按钮的功能。

“插入”面板中包括可将下列项添加到页面中的按钮:

  • 记录集
  • 动态文本或表
  • 记录集导航条

    如果您切换到“代码”视图(“查看”>“代码”),附加的面板可能会显示在各自的“插入”面板类别中,以允许您在页面中插入代码。例如,如果您在“代码”视图中查看 ColdFusion 页,CFML 面板将在“插入”面板的“CFML”类别中变为可用。

    有多个面板提供了创建动态页的方法:

     

    • 选择“绑定”面板(“窗口”>“绑定”),定义页面的动态内容来源,并将内容添加到页面中。
    • 选择“服务器行为”面板(“窗口”>“服务器行为”),向动态页添加服务器端逻辑。
    • 选择“数据库”面板(“窗口”>“数据库”),浏览数据库或创建数据库连接。
    • 选择“组件”面板(“窗口”>“组件”),检查、添加或修改 ColdFusion 组件的代码。

注意:“组件”面板仅在打开 ColdFusion 页时启用。 

服务器行为是在设计时插入到动态页中的指令集,这些指令在运行时在服务器上执行。

有关设置开发工作区的教程,请参阅 www.adobe.com/go/vid0144_cn。

在 Dreamweaver 中查看数据库

在连接到数据库后,可在 Dreamweaver 中查看其结构和数据。

  1. 打开“数据库”面板(“窗口”>“数据库”)。

    “数据库”面板显示您为其创建了连接的所有数据库。如果您正在开发 ColdFusion 站点,则该面板将显示在“ColdFusion 管理员”中定义了数据源的所有数据库。

    注意:Dreamweaver 查找您为当前站点定义的 ColdFusion 服务器。

    如果在该面板中没有显示任何数据库,则您必须创建一个数据库连接。

  2. 若要显示数据库中的表、预存过程和视图,请单击列表中连接旁的加号 (+)。
  3. 若要显示表中的列,请单击表。

    列图标可反映数据类型并指示表的主键。

  4. 若要查看表中的数据,请右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 列表中的表名称,然后从弹出菜单中选择“查看数据”。

在浏览器中预览动态页

Web 应用程序开发人员经常通过在 Web 浏览器中频繁地检查页来对页进行调试。您可以在浏览器中快速查看动态页(按 F12),而无需先将其手动上传到服务器。

若要预览动态页,您必须完成“站点定义”对话框的“测试服务器”类别。

可以指定 Dreamweaver 使用临时文件而不是原始文件。通过此选项,在将页显示在浏览器中之前,Dreamweaver 会在 Web 服务器上运行该页的临时副本。(Dreamweaver 随后将从服务器中删除该临时文件。) 若要设置此选项,请选择“编辑”>“首选参数”>“在浏览器中预览”。

“在浏览器中预览”选项不会上传相关页(例如结果页或详细页)、相关文件(例如图像文件)或服务器端包含文件。若要上传缺少的文件,请选择“窗口”>“站点”以打开“站点”面板,在“本地文件夹”下选择该文件,然后单击工具条上的蓝色向上箭头,将该文件复制到 Web 服务器文件夹中。

限制显示在 Dreamweaver 中的数据库信息

大型数据库系统(如 Oracle)的高级用户应限制在设计时由 Dreamweaver 检索和显示的数据库项的数量。Oracle 数据库可能包含 Dreamweaver 在设计时无法处理的项。您可在 Oracle 中创建一个架构,然后在 Dreamweaver 中使用它以在设计时筛选掉不必要的项。

注意:在 Microsoft Access 中不能创建架构或目录。

限制在设计时 Dreamweaver 检索的信息量后,其他用户可能会从中受益。有些数据库包含数十甚至数百个表,您可能不喜欢在工作时将其全部列出。架构或目录可限制在设计时检索的数据库项的数量。

必须首先在数据库系统中创建架构或目录,然后才能在 Dreamweaver 中应用它。请查询数据库系统文档或向系统管理员咨询。

注意:如果您正在开发 ColdFusion 应用程序或使用 Microsoft Access,则无法在 Dreamweaver 中应用架构或目录。

  1. 在 Dreamweaver 中打开一个动态页,然后打开“数据库”面板(“窗口”>“数据库”)。
    • 如果存在数据库连接,请右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 列表中的该连接,然后从弹出菜单中选择“编辑连接”。
    • 如果不存在连接,请单击面板顶部的加号 (+) 按钮,然后创建连接。
  2. 在该连接的对话框中,单击“高级”。
  3. 指定架构或目录,然后单击“确定”。

为 ColdFusion 预存过程和 ASP 命令设置属性检查器

修改选定的预存过程。可用选项因服务器技术而异。

  1. 编辑所有选项。在检查器中选择了新选项之后,Dreamweaver 会更新该页。

“输入名称”选项

当 Dreamweaver 遇到不可识别的输入类型时,显示此属性检查器。通常由于出现键入错误或其他数据输入错误,才会出现这种情况。

如果在属性检查器中将该域类型更改为 Dreamweaver 可识别的值,例如在更正了拼写错误后,属性检查器将进行更新以显示该可识别类型的属性。在属性检查器中设置以下任一选项:

输入名称

为该域指定一个名称。此框是必需的,而且名称必须唯一。

类型

设置该域的输入类型。此框的内容反映 HTML 源代码中当前出现的输入类型值。

设置该域的值。

参数

打开“参数”对话框,以便可查看域的当前属性以及添加或删除属性。

更多此类内容

  • 绑定面板
  • 服务器行为面板
  • 数据库面板
  • “组件”面板
  • 开发工作区教程
  • 设置 ColdFusion 开发环境
  • 设置 PHP 开发环境
  • 设置 ASP 开发环境
  • 设置测试服务器
  • 编辑动态内容