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

2019-11-18 12:43:02

字體：大中小

來源：轉載

供稿：網友

　　圖 11. 特性
　　　

　　接下來，在 jsp 頁面的標簽下添加一個空格。從選項板（圖 12），選擇 Input 組件并把它拖到 access Stock 輸出組件的后面。
　　圖 12. Faces Components 選項板
　　　用 WebSphere Studio 創建 JSF 提交表單（2）（圖二）

　　再一次從 Select Type 對話框選擇 Text（圖 13）。
　　圖 13. 選擇類型
　　　用 WebSphere Studio 創建 JSF 提交表單（2）（圖三）

　　JSP 頁面現在看起來將和圖 14 相似。在輸入框后面輸入一些新行。
　　圖 14. 新 JSP 頁面的內容區
　　　用 WebSphere Studio 創建 JSF 提交表單（2）（圖四）

　　從選項板（圖 15）選擇 Command - Button 并把它拖到 JSP 頁面（圖 16）。
　　圖 15. 選擇 Command － Button
　　　用 WebSphere Studio 創建 JSF 提交表單（2）（圖五）

　　圖 16. 新的 JSP 頁面
　　　用 WebSphere Studio 創建 JSF 提交表單（2）（圖六）

　　選擇新的按鈕，然后轉到 Attributes 視圖。選擇 Format 選項卡并為 Label 輸入 Submit Stock Request。JSP 上的按鈕將會反映這個新的標簽。
　　圖 17. 定義 Label
　　　用 WebSphere Studio 創建 JSF 提交表單（2）（圖七）

　　保存（save）該 JSP 頁面。
　　既然我們已創建了我們的第一個 JSF 表單，我們就將需要把控件綁定到頁面數據。Page Data 視圖答應 Web 開發人員為任何容許的 JSP 作用域級別創建腳本變量。
　　在 accessStock.jsp 還保持打開的同時，轉到位于工作臺左側中部的 Page Data 視圖。選擇 JSP scripting，右鍵單擊 requestScope，然后選擇 Add Request Scope Variable（圖 18）。
　　圖 18. JSP scripting 菜單
　　　用 WebSphere Studio 創建 JSF 提交表單（2）（圖八）

　　在顯示的 Add Request Scope Variable 對話框，輸入下列值：
　　Variable name：symbol
　　Type：java.lang.String
　　然后選擇 OK。
　　現在已定義了變量。任何支持 JSTL 表達式語言的標記現在都可以利用 ${requestScope.symbol} 來訪問 symbol 變量了。JSF 標記支持 JSTL 表達式語言；JSP 2.0 也將完全支持 JSTL 表達式語言。對于 Web 開發人員來說使用表達式語言比使用 Java 中的 JSP 表達式簡單得多。
　　圖 19. 訪問 symbol 變量
　　　用 WebSphere Studio 創建 JSF 提交表單（2）（圖九）

　　我們現在可以利用某個組件的 Attribute 視圖來把我們已經定義的頁面數據綁定到一個控件。在此，我們將把 input 控件綁定到在 requestScope 中定義的 symbol 變量：
　　突出顯示 accessStock.jsp 上的 input 控件（圖 20）。
　　圖 20. accessStock.jsp
　　用 WebSphere Studio 創建 JSF 提交表單（2）（圖十）