工具輔助: 使用 JSF 及 SDO 來建置 Web 使用者介面
本工具輔助說明建構 JavaServer Faces (JSF) 網頁的整體方法,該網頁藉由使用 RAD6.0 建模環境的 Server Data Objects (SDO) 來存取後端資料。
工具: Rational Application Developer
關係
相關元素
主要說明

總覽

本工具輔助的前題假設是︰應用程式需已建立 Dynamic Web Project,且所有必要的 SDO 元件都已開發完成並已包含在專案中。將於本工具輔助中執行下列步驟︰

同時提供其他資源的參照如下︰

建立 Faces JSP 檔

於應用程式的 Web 專案 WebContent 資料夾中新建 Faces JSP 檔︰

  1. 啟動 New Faces JSP File 精靈。
  2. 選取需要的頁面模型(BasicBasic with client-side data caching)。
  3. 或者您可以選擇性地指定頁面範本、標示庫及階式樣式表選項。
  4. 按一下「完成」於「網頁設計器」中開啟新頁面。

視覺化撰寫頁面佈置

「網頁設計器」包含了選用區視圖及其中包含了許多預先定義之使用者介面 (UI) 元件的不同抽屜。

  1. 將 JSF 元件從 Faces 元件Faces 用戶端元件(只適用於 Faces JSP with client-side data caching) 抽屜拖曳到頁面上。
  2. 將 SDO 元件從 資料 抽屜拖曳到頁面上。此時合適的資料元件參照精靈即會開啟,您可以指定資料的來源及起始配置內容。
  3. 必要時可將其他使用者介面元件從「選用區」拖曳到頁面。

配置元件參數及屬性

頁面上的使用者介面元件是透過特殊化視圖(如︰內容頁面資料用戶端資料視圖)或是利用在將它們放置到頁面上時蹦現的精靈來配置的。

  1. 配置 JSF 元件。使用內容視圖,您可以︰

    a. 自訂元件外觀。
    b. 將元件值與頁面資料用戶端資料視圖中定義的資料連結。
    c. 依據 Java 片段傳回的別名來指定控制元件的導覽規則(如「指令按鈕」)。

  2. 配置 SDO 元件。

    a. 將元件放置到頁面上時會出現蹦現精靈,您可以利用此精靈來指定 SDO 的資料來源(如 JavaBean 類別名稱或資料庫及表格名稱)
    b. 若為關聯式資料 SDO,您也可利用此精靈來配置進階的選項,如自動產生按鍵及設定並行控制。
    c. 如果合適的話,內容視圖也可用來自訂 SDO 的資料格式及分頁選項。

  3. 配置其他使用者介面元件。使用內容視圖來查看及自訂元件可用的選項。

新增事件處理及驗證邏輯

若為 JSF 元件,快速編輯視圖可用來新增 Java 片段以用於事件處理及驗證邏輯。

  1. 於元件的內容視圖指定簡式驗證規則(如必要「值」)。
  2. 使用快速編輯視圖來新增自訂程式碼驗證。
  3. 使用快速編輯視圖來自訂元件的事件處理程式碼(如將「別名」值傳回到控制導覽)。

測試頁面

從「頁面設計器」的功能表列選取執行身分 > 在伺服器中執行來測試頁面。請注意您必須選取 WebSphere 5.1 版或更新版本的伺服器做為您的目標「測試環境」,以支援網頁的 SDO。在啟動伺服器之後,頁面會於瀏覽器視圖中開啟並可開始測試。

進一步資訊 

  1. 啟動 Rational Application Developer 6.0 版。
  2. 在功能表列選取說明 > 教學課程展示區
  3. 瀏覽下列區段︰邊看邊學邊玩邊學邊做邊學