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

　　 
　　引言
　　本文是這一系列文章（包括 5 個部分）的第二部分，將說明 WebSphere® Studio V5.1.1 提供的 Java™ Server Faces（JSF）技術預演的特征。本系列將包括以下文章：
　　
　　第 1 部分：創建 JSF Web 項目和頁面模板。

　　第 2 部分：創建 JSF 提交表單。
　　第 3 部分：創建通過 Web Data Objects（WDO —— 很快就會變成 SDO：Service Data Objects）訪問數據的 JSF 應用程序。
　　第 4 部分：利用 Action Handlers 和 JavaBean Data 組件集成 JSF 應用程序與 Enterprise Java Bean。
　　第 5 部分：利用 Web Service Proxy 組件創建 JSF Web 服務客戶端。
　　這些練習將會展示 JSF 的快速應用程序開發（Rapid Application Development，RAD）特性。在第 1 部分中，我們創建了已啟用 JSF 的 Web 項目和 JSF 頁面模板。頁面模板幫助我們處理 Web 站點中的靜態部分，不過 J2EE 應用程序服務器是為運行動態 Web 頁面而設計的。在 第 2 部分，我們將繼續完成第 1 部分的內容，創建兩個 JSF 提交表單并展示可視選項板上的一些動態控件。
　　
　　您可以從本文的下載部分下載第 1 部分的解決方案。如果您把 zip 文件解壓到了 C：盤，那么您可以把來自 C:\JSFArticleSeries\Part2\SolutionPt1 的 StockSystemEAR 文件導入一個沒有用過的工作區，然后選擇 File => Import，再從 Import 向導（圖 1）中選擇 EAR file。
　　
　　圖 1. 導入 EAR
　　　
　　創建 aclearcase/" target="_blank" >ccessStock JSF 表單要創建我們的第一個 JSF 表單，首先應該從第 1 部分中的最后一個練習打開您的工作區。
　　
　　在我們的 Web 項目中創建新的 JSF 頁面：
　　
　　如果您不在 Web 透視圖中，現在就轉到那里。展開 PersonalTradeJSF Web 項目，然后右鍵單擊 WebContent 文件夾并選擇 New => Faces JSP File（圖 2）。
　　圖 2. 創建新的 JSP 文件
　　　
　　為 File Name 輸入 accessStock.jsp，然后選取 Create from page template（圖 3）。 按一下 Next。
　　圖 3. 新的 Faces JSP 文件
　　　
　　選擇 User-Defined Page Template 和 StockPageTemplate.jtpl。如果沒有列出該模板，請選擇 Browse => Current Project next Location（圖 4）。選擇 Finish。
　　圖 4. 頁面模板文件的選擇
　　　
　　Faces JSP 頁面應該符合我們以前構建的模板（圖 5）。您將會注意到“Default content of bodyarea”。這是該頁面上我們可以把組件拖放進去的惟一區域。對模板的任何修改都需要修改模板文件；只有內容區是動態的。
　　圖 5. Faces JSP 頁面
　　　
　　我們現在要把 JSF 組件拖到內容區：
　　刪除“Default content of body area”文本，然后在開始（start）和結束（end）畫筆圖標之間留出一些空間。從選項板（圖 6）的 Faces Components 部分，把 Output 組件拖到內容區中。
　　圖 6. Faces Components 選項板
　　　
　　把組件拖到內容區后（圖 7），將會顯示 Select Type 對話框，要求您確定組件的類型（圖 8）。選擇 Text，然后選擇 OK。
　　圖 7. 把組件拖到內容區
　　　
　　圖 8. 選擇類型
　　　
　　選擇組件。為 Value 輸入 Access Stock，然后選擇 Properties 選項卡（圖 9）。
　　圖 9. 屬性
　　　
　　把文本大小改為 18 Point，然后選擇 OK（圖 10）。
　　圖 10. 添加格式
　　

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