用 WebSphere Studio 創(chuàng)建 JSF 提交表單（2）

2019-11-18 12:43:02

字體：大中小

供稿：網(wǎng)友

　　圖 11. 特性
　　　

用 WebSphere Studio 創(chuàng)建 JSF 提交表單（2）（圖一）

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

用 WebSphere Studio 創(chuàng)建 JSF 提交表單（2）（圖二）

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

　　JSP 頁面現(xiàn)在看起來將和圖 14 相似。在輸入框后面輸入一些新行。
　　圖 14. 新 JSP 頁面的內(nèi)容區(qū)
　　　用 WebSphere Studio 創(chuàng)建 JSF 提交表單（2）（圖四）

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

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

　　選擇新的按鈕，然后轉(zhuǎn)到 Attributes 視圖。選擇 Format 選項(xiàng)卡并為 Label 輸入 Submit Stock Request。JSP 上的按鈕將會(huì)反映這個(gè)新的標(biāo)簽。
　　圖 17. 定義 Label
　　　用 WebSphere Studio 創(chuàng)建 JSF 提交表單（2）（圖七）

用 WebSphere Studio 創(chuàng)建 JSF 提交表單（2）（圖七）

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

用 WebSphere Studio 創(chuàng)建 JSF 提交表單（2）（圖八）

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

用 WebSphere Studio 創(chuàng)建 JSF 提交表單（2）（圖九）

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