用 WebSphere Studio 創建 JSF 提交表單(3)

發表于:2007-06-22來源:作者:點擊數: 標簽:
從 Attribute 視圖,選擇 Bind to 文本框旁邊的按鈕(圖 21)。 圖 21. Attributes 視圖 選擇 requestScope 下面的 symbol 變量,然后按一下 OK(圖 22)。 圖 22. 選擇頁面數據對象 JSP 將會在輸入框中顯示 {symbol} 變量(圖 23)。 圖 23. 帶有 symbol 變

   
  從 Attribute 視圖,選擇 Bind to 文本框旁邊的按鈕(圖 21)。
  

圖 21. Attributes 視圖

  
 用 WebSphere Studio 創建 JSF 提交表單(3)(圖一)


  選擇 requestScope 下面的 symbol 變量,然后按一下 OK(圖 22)。
  
圖 22. 選擇頁面數據對象

  
 用 WebSphere Studio 創建 JSF 提交表單(3)(圖二)

  JSP 將會在輸入框中顯示 {symbol} 變量(圖 23)。
  
圖 23. 帶有 symbol 變量的 JSP

  
 用 WebSphere Studio 創建 JSF 提交表單(3)(圖三)

  保存這個 JSP。
  在 JSP 頁面,選擇 Preview 選項卡來觀察結果。
  
圖 24. JSP 預覽

  
 用 WebSphere Studio 創建 JSF 提交表單(3)(圖四)

  在 WebSphere Application Server V5.1 測試環境中測試 JSF 表單
  我們現在將利用 WebSphere Studio 包括的 WebSphere Application Server V5.1 Unit Test Environment(UTE)來測試該頁面。
  
  在 Project Navigator 視圖,右鍵單擊 aclearcase/" target="_blank" >ccessStock.jsp,然后選擇 Run on Server(圖 25)。
  
 用 WebSphere Studio 創建 JSF 提交表單(3)(圖五)

  系統將會顯示 Server Configuration 向導。應選擇 WebSphere version 5.1 下面的 Test Environment 選項。選取 Set server as project default 選項,然后選擇 Finish(圖 26)。
  
圖 26. 服務器的選擇

  
 用 WebSphere Studio 創建 JSF 提交表單(3)(圖六)

  一旦服務器完全啟動,瀏覽器也應該啟動了。注意 URL 通過了 Faces Servlet。如果沒有通過 Faces Servlet,Faces 上下文將不會建立并且 JSP 提交將會失敗。WebSphere Studio 自動知道通過 Faces Servlet 來訪問 JSP,這是因為我們在創建 Web 項目的時候添加了 Faces 支持。
  
圖 27. Universal Test Client 啟動

  
 用 WebSphere Studio 創建 JSF 提交表單(3)(圖七)

  
圖 28. 測試 JSP

  
 用 WebSphere Studio 創建 JSF 提交表單(3)(圖八)

  在 JSP,輸入值 IBM,然后單擊 Submit Stock Request(圖 29)。注意頁面被重新呈現,而文本框依然填充著??丶唤壎ǖ捷斎牒洼敵龅恼埱笞兞?。同樣,如果沒有設置導航或沒有找到導航結果,那么 JSF 的缺省導航將重新呈現同樣的頁面。對于希望在同一個頁面上同時使用輸入和輸出控件的頁面,開發不帶導航的 JSF 頁面是很容易的。
  
圖 29. 測試 JSP

  
 用 WebSphere Studio 創建 JSF 提交表單(3)(圖九)

  創建并測試 accessStockHistory.jsp
  在以上部分,我們大致創建了一個 JSF 表單。我們現在將創建第二個 JSF 表單來訪問股票歷史紀錄,不過我們將只介紹創建過程中的基本步驟。本系列文章的第 3 部分將使用這個新的頁面。
  
  使用 Faces 組件創建的另一個表單將會返回一組股票歷史記錄。遵循上面的詳細步驟來創建這個表單,將其命名為“Access Stock History”:
  
  新的表單看起來如下面的圖 30 頁面所示。
  
圖 30. 新的 JSF 表單

  
用 WebSphere Studio 創建 JSF 提交表單(3)(圖十)

原文轉自:http://www.anti-gravitydesign.com

国产97人人超碰caoprom_尤物国产在线一区手机播放_精品国产一区二区三_色天使久久综合给合久久97