練習 1.3:開發 UserAdmin 頁面

開始之前,您必須先完成練習 1.2:準備開發 Portlet 和定義應用程式流程

建立 UserAdminView.jsp 頁面

建立 UserAdminView.jsp 頁面包括設計使用者介面,以及將動態資料連線(EJB 階段作業參照)新增至應用程式的邏輯中。

  1. 如果未在 Page Designer 中開啟 UserAdminView.jsp,您可以在 Web 圖解編輯器中按兩下 UserAdminView.jsp 圖示來開啟它。
  2. 刪除預設的將內容放在這裡。的文字。
  3. 從選用區的資料抽屜中,將 EJB Session Bean 物件拖曳到檔案中。
  4. 當 Session Bean 精靈開啟時,請按一下新建 EJB 參照按鈕。
  5. 展開 AuctionPortletEAR 和 AuctionEJB50 資料夾,選取 UserFacade 來建立 Enterprise Bean 參照。
  6. 按一下完成
  7. 在 Session Bean 精靈中,按下一步
  8. 選取 findByName(String name) 介面,供 Portlet 頁面的輸入欄位使用。
  9. 下一步
  10. 按一下「輸入表單」頁面中的選項按鈕,在標籤欄位中輸入尋找。按一下確定
  11. 下一步,這時您應該會進入精靈的「結果表單」頁面。 在這個頁面中,您將定義擷取和顯示資料庫中之資料的資料表。
  12. 按一下來取消選取所有直欄,以便個別選取、組織和配置 Portlet 頁面所要使用之資料表的適當直欄。 之後,再選取下列直欄的勾選框:
  13. 利用上下箭頭按鈕來移動所選的資料直欄,使它們符合上述步驟所顯示的次序。
  14. 選取 userid 直欄的標籤值,將它改成使用者 ID
  15. 按一下完成來產生 UserAdminView.jsp 頁面的預設使用者介面。使用者介面看起來會如下:
    UserAdminView.jsp
  16. 儲存 UserAdminView.jsp。

將 Java 頁面程式碼新增至 UserAdmin 頁面中

在這部分的練習中,您將新增 Java 頁面程式碼來完成下列動作:

  • 在階段作業範圍中儲存 name 參數,以便未來重新整理 Portlet 內容時,能夠重複使用它。
  • 利用階段作業範圍所儲存的參數來起始設定 name 輸入欄位中所要顯示的參數。
  • 利用階段作業範圍所儲存的 name 參數來起始設定結果資料。
  • 您可以利用下列步驟來新增 EJB 參照邏輯以及將呼叫和結果連結到使用者介面的程式碼:

    1. 從 Page Designer 的蹦現功能表中,選取編輯頁面程式碼
    2. 將下列粗體程式碼輸入 doUserFacadeLocalFindByNameAction():
      public String doUserFacadeLocalFindByNameAction() {
          String name = getUserFacadeLocalFindByNameParamBean().getName();
          getSessionScope().put("name", name);
                  try {
              userFacadeLocalFindByNameResultBean = getUserFacadeLocal().findByName(name);
                  } catch (Exception e) {
                      logException(e);
          }
          return null;
      }
      
    3. 將下列粗體程式碼輸入 getUserFacadeLocalFindByNameParamBean():
      public UserFacadeLocalFindByNameParamBean getUserFacadeLocalFindByNameParamBean() {
          if (userFacadeLocalFindByNameParamBean == null) {
              userFacadeLocalFindByNameParamBean = new UserFacadeLocalFindByNameParamBean();
              String name = (String)getSessionScope().get("name");
              userFacadeLocalFindByNameParamBean.setName(name);
          }
          return userFacadeLocalFindByNameParamBean;
      }
      
    4. 將下列粗體程式碼輸入 getUserFacadeLocalFindByNameResultBean():
      public RegistrationData[] getUserFacadeLocalFindByNameResultBean() {
          if (userFacadeLocalFindByNameResultBean == null) {
              String name = (String)getSessionScope().get("name");
              if (name != null) {
                  try {
                      userFacadeLocalFindByNameResultBean = getUserFacadeLocal().findByName(name);
                  } catch (Exception e) {
                      logException(e);
                  }
              }
          }
          return userFacadeLocalFindByNameResultBean;
      }
      
    5. 儲存和關閉 UserAdminView.java。

    執行 UserAdminView.jsp

    若要確認到目前為止 UserAdmin Portlet 的運作符合預期,您應該在 Rational 工具所提供的內部瀏覽器中執行這個 Portlet。如果要執行這個 Portlet,請執行下列動作:

    1. 在專案瀏覽器中選取 AuctionPortlet 專案,從它的蹦現功能表中,選取執行 > 在伺服器中執行
    2. 由於您已定義了 WebSphere Portal 5.1 版測試環境,請選取它,然後在「選取伺服器」精靈中按一下完成
    3. 檔案最後會顯示在瀏覽器中。您可以在這裡見到使用者將在入口網站中見到的輸入欄位和佈置:
      UserAdmin Portlet
    4. 如果要測試剛建立的輸入表單和資料表,請在名稱欄位中輸入 %,再按一下尋找按鈕。

      這時資料表應該會顯示所有使用者。
      UserAdmin 查詢結果

    在移到下一個練習之前,建議您先停止測試環境伺服器,以改進開發期間的效能。 如果要停止測試環境伺服器,您只需要在「伺服器」視圖中選取它,再按一下停止伺服器工具列按鈕停止伺服器

    現在您已準備好開始進行練習 1.4:建立用來建立和編輯使用者資訊的頁面

    讀者意見
    (C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.