Web 圖解和 Web 圖解編輯器

Web 應用程式圖解Web 圖解是協助您視覺化和變更 Web 應用程式(如 Faces 或 Struts 型應用程式)流程的檔案。Web 圖解編輯器是用來編輯 Web 圖解的視覺化編輯器。

節點和連線

Web 圖解由節點和節點與節點之間的連線組成。節點是一個代表資源(如網頁、Java™ Bean 或 Web 應用程式)的圖示。

如果資源存在,節點稱為已實體化;如果資源不存在,節點稱為未實體化。 已實體化的節點是彩色的,名稱是粗體。 未實體化的節點是灰色圖示。

圖 1 顯示一個簡單的 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 的網頁建立節點。如果您接著在圖解編輯器外部建立 JSP 檔,圖解編輯器就會立即在圖解中反映變更。 同理,如果您刪除圖解中所示實體化部分的基礎資源,圖解編輯器也會立即反映變更。

您可以使用圖解編輯器來顯示所有或部分應用程式,至於全部顯示或部分顯示,需視如何將應用程式組織成模組而定。 每一個圖解分別代表一個模組。比方說,假設您有一個分成三個部分的應用程式。一部分處理登入程序,一部分處理產品查詢,第三部分處理產品更新。 在這個案例中,您可以將您的應用程式組織成具有三個 Web 圖解的三個模組,或具有一個 Web 圖解的一個模組。

如果要簡化一個複雜的圖解,您可以隱藏特定的節點或連線類型。 如果需要詳細資料,請參閱建立 Web 應用程式圖解 - 概觀

範例

下圖顯示本產品隨附 Struts 範例程式的 Web 圖解。網頁和表單 Bean 節點代表模型視圖控制器設計型樣中視圖的部分。動作對映代表控制器。(Web 圖解不顯示動作對映所連接的模型。)

圖 2. Struts 範例程式的簡化 Web 圖解
index.jsp 節點連接至 /tour 和 /editRegistration 動作對映和 logon.jsp 網頁;圖解內含其他網頁、動作對映、表單 Bean 節點及連線。
相關概念
Web 圖解連線
JavaServer Faces
相關工作
建立 Web 圖解 - 概觀
編輯 Web 圖解 - 概觀
相關參考
Web 圖解編輯器的鍵盤捷徑
Web 圖解編輯器:蹦現功能表
使用條款 | 讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.