练习 1.2:编辑 Web 图

在开始之前,必须完成练习 1.1:创建 Struts 项目

Web 图是一个帮助您使 Web 应用程序(例如,基于 Faces 或 Struts 的应用程序)可视化以及更改 Web 应用程序流的文件。在本练习中,将打开 DayOfWeek Struts 项目的 Web 图、设置图的网格设置并编辑图。下面是一些与 Web 图有关的术语:

有关节点、连接和 Web 图的更多信息,请参阅 Web 图和 Web 图编辑器以及在 Web 图中绘制连接

打开 Web 图

当创建支持 Struts 的动态 Web 项目时,会自动创建一个 Web 图,但不会打开它。遵循下列步骤来打开该图:

  1. 在“项目资源管理器”视图中展开动态 Web 项目 > DayOfWeek
  2. 双击 Web 图。Web 图编辑器就会打开 Web 图,后者是 diagram.gph 文件的别名。

设置网格设置

缺省情况下,Web 图没有对齐网格。可以显示网格并打开对齐网格选项,此选项会使图中的节点与网格对齐并组织 Web 图。

  1. 在 Web 图中右键单击并从弹出菜单中单击对齐 > 显示网格以显示对齐网格。
  2. 再次在 Web 图中右键单击并单击对齐 > 打开对齐网格

创建 Web 图节点

在本节中,您将把表示两个 Web 页面、一个表单 bean 和一个操作映射的节点添加至 Web 图。完成之后,Web 图看起来将类似下图:

未实现 Web 图的图像,包括一个输入 JSP 文件、一个输出 JSP 文件、一个 dateData 表单 bean 和一个 computeDay 操作映射

  1. 在“选用板”视图中,单击 Web 部件抽屉以打开它。
  2. Web 页面节点从“选用板”视图拖到 Web 图的左边。

    新的 Web 页面节点就会出现在 Web 图上并且缺省名称 page.jsp 处于选中状态。

  3. 对新的 Web 页面输入以下名称:

    index.jsp

    提示:当在 Web 图中创建新的节点时,会自动选择该节点的名称以便您可以立即为该节点输入名称。如果您单击别的地方,该名称就不再处于选中状态。如果想要更改节点的名称而它不处于选中状态,则右键单击节点并从弹出菜单中选择重命名

  4. 将另一个 Web 页面节点从“选用板”拖到 Web 图的右边。
  5. 对第二个新的 Web 页面输入以下名称:

    output.jsp

  6. 单击“选用板”视图上的 Struts 部件抽屉以打开它。
  7. 操作映射节点从“选用板”视图拖到 Web 图上,就放在两个 Web 页面之间。
  8. 对新的操作映射输入以下名称:

    computeDay

    Web 图现在就会在两个 Web 页面之间显示一个名为 /computeDay 的操作映射。Web 图在操作映射名称前面添加了一个正斜杠符号。

  9. 表单 bean 节点从“选用板”视图拖到 Web 图上,就放在操作映射下面。“表单 bean 属性”窗口打开。
  10. 在“表单 Bean 属性”窗口中,在表单 Bean 名称字段中输入以下文本:

    dateData

    表单 bean 作用域字段设置为请求

  11. 单击确定
  12. 保存 Web 图。

    Web 图现在看起来应类似于下图:

    未实现 Web 图的图像,包括一个输入 JSP 文件、一个输出 JSP 文件、一个 dateData 表单 bean 和一个 computeDay 操作映射

连接 Web 图中的节点

既然已将节点放置在 Web 图上,下一步就是连接各节点了。完成之后,该图看起来将类似下图:

未实现 Web 图的图像,包括一个输入 JSP 文件、一个输出 JSP 文件和一个 dateData 表单 bean 并且每个都连接至中央的 Struts 操作映射

  1. 从“选用板”视图中单击连接

    现在,鼠标光标经过设置,可以在您接下来单击的两个节点之间创建连接。

  2. 单击 Web 图上的 index.jsp 节点。

    现在,鼠标光标与 index.jsp 节点之间有就了一条线。这条线表示从 index.jsp 页面至另一个节点的连接。

  3. 单击 /computeDay 操作映射节点。

    现在就有了一条从 index.jsp 节点到 /computeDay 节点的虚线,表示这两个节点之间的连接。

  4. 用同样的方法把 computeDay 操作映射连接至 dateData 表单 bean。

    接下来,将把 computeDay 操作映射连接至具有局部转发的 output.jsp 节点。

  5. 从“选用板”视图中单击连接
  6. 单击 /computeDay 操作映射。
  7. 单击 output.jsp 节点。“选择连接”窗口打开。
  8. 从“选择连接”窗口中展开局部转发
  9. 单击 <新建>
  10. 单击确定
  11. 输入以下文本作为新的局部转发的名称:

    success

    命名新的局部转发连接的工作方式就如命名新的节点一样。当创建连接时,它的名称处于选中状态,你可以立即输入名称。如果您单击别的地方,则连接不再处于选中状态,必须右键单击它并从弹出菜单中选择重命名

    最后,将把 computeDay 操作映射连接至具有全局转发的 index.jsp 节点。

  12. 从“选用板”视图中单击连接
  13. 单击 computeDay 操作映射。
  14. 单击 index.jsp 节点。“选择连接”窗口打开。
  15. 展开全局转发
  16. 单击全局转发下面的 <新建>
  17. 单击确定
  18. 输入以下文本作为新全局转发的名称:

    failure

  19. 保存 Web 图。

    Web 图看起来应类似于下图:

    未实现 Web 图的图像,包括一个输入 JSP 文件、一个输出 JSP 文件和一个 dateData 表单 bean 并且每个都连接至中央的 Struts 操作映射

现在,您可以开始进行练习 1.3:创建: 创建并编辑表单 bean 了。

使用条款 | 反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.