Web 图和 Web 图编辑器

Web 应用程序图Web 图是一个帮助您可视化和更改 Web 应用程序(例如,基于 Faces 或 Struts 的应用程序)流的文件。Web 图编辑器是用于编辑 Web 图的可视编辑器。

节点和连接

Web 图由节点及节点之间的连接组成。节点是表示资源(例如,Web 页面、Java™ bean 或 Web 应用程序)的图标。

如果资源存在,则该节点称为已实现;如果资源不存在,则该节点称为未实现。已实现的节点显示为彩色并且其名称以粗体字显示。未实现的节点显示为灰色图标。

图 1 显示了一个简单的 Web 图,它具有两个 Web 页面、一个操作映射和一个表单 bean,所有这些均已实现。起始点是 index.jsp,其输入流向 computeDay 操作映射并临时存储在名为 dateData 的表单 bean 中。如果输入有效,就会计算输出并将输出发送至 output.jsp 以进行显示。如果输入无效,则会向 index.jsp 返回一条错误消息。

图 1. 具有四个节点的简单 Web 图
Web 图,其中 index.jsp 连接至 computeDay 操作映射,而该操作映射连接至 output.jsp 和 dateData 表单 bean

Web 图的优点

Web 图能够使应用程序的流可视化,从而可以帮助您更好地理解应用程序。由于动态 Web 应用程序涉及到间接的各个级别,所以流可能不会像直接那么明显。例如,只通过查看 JSP 源代码,不能看出标记库链接调用了哪些操作。为了能够获取此信息,您必须遵循以下操作映射路线:从 JSP 链接到部署描述符,然后到操作 servlet,再到配置文件。然后,可从操作映射的配置条目中找到该操作。在一个较大的复杂 Web 应用程序中,遵循并理解这些逻辑流可能会很容易出错并且很枯燥。

Web 图还允许您直接与图中表示的节点进行交互。例如,如果某节点表示尚不存在的资源,则可以双击该节点以打开一个向导,以便通过创建底层资源来实现该节点。如果一个节点已实现,则双击它会打开与它相关联的编辑器。

Web 图的特征

Web 图编辑器实时反映底层资源的更改。例如,可为尚不存在的名为 MyJSP.jsp 的 Web 页面创建一个节点。如果随后在图编辑器外创建 JSP 文件,则图编辑器会立即在图中反映更改。同样,如果删除了图中显示的已实现部件的底层资源,则图编辑器会立即反映该更改。

根据应用程序组成模块的方式,可以使用图编辑器来显示所有应用程序或部分应用程序。每个图表示一个模块。例如,假设具有一个由三部分组成的应用程序。一部分处理登录过程,另一部分处理产品查询,第三部分处理产品更新。在此情况下,可以将应用程序组织为带有三个 Web 图的三个模块或带有一个 Web 图的一个模块。

要简化复杂的图,可以隐藏特定类型的节点或连接。有关详细信息,请参阅创建 Web 应用程序图 - 概述

示例

下图显示了此产品附带提供的 struts 示例样本程序的 Web 图。Web 页面和表单 bean 节点表示模型-视图-控制器设计模式的视图部分。操作映射表示控制器。(Web 图不显示操作映射所连接的模型。)

图 2. struts 示例样本程序的简化 Web 图
index.jsp 节点连接至 /tour 和 /editRegistration 操作映射及 logon.jsp Web 页面;该图包含其它 Web 页面、操作映射、表单 bean 节点和连接。
相关概念
Web 图连接
JavaServer Faces
相关任务
创建 Web 图 - 概述
编辑 Web 图 - 概述
相关参考
Web 图编辑器的键盘快捷方式
Web 图编辑器:弹出菜单
反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.