用 WebSphere Studio 創建 JSF 提交表單（3）

2019-11-18 12:43:02

字體：大中小

來源：轉載

供稿：網友

　　從 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 視圖，右鍵單擊 accessStock.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）（圖十）