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

2019-11-18 12:42:56

字體：大中小

來源：轉載

供稿：網友

　　引言
　　本文是這一系列文章（包括 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
　　　用 WebSphere Studio 創建 JSF 提交表單（1）（圖一）

　　創建 accessStock JSF 表單要創建我們的第一個 JSF 表單，首先應該從第 1 部分中的最后一個練習打開您的工作區。
　　
　　在我們的 Web 項目中創建新的 JSF 頁面：
　　
　　假如您不在 Web 透視圖中，現在就轉到那里。展開 PersonalTradeJSF Web 項目，然后右鍵單擊 WebContent 文件夾并選擇 New => Faces jsp File（圖 2）。
　　圖 2. 創建新的 JSP 文件
　　　用 WebSphere Studio 創建 JSF 提交表單（1）（圖二）

　　為 File Name 輸入 accessStock.jsp，然后選取 Create from page template（圖 3）。按一下 Next。
　　圖 3. 新的 Faces JSP 文件
　　　用 WebSphere Studio 創建 JSF 提交表單（1）（圖三）

　　選擇 User-Defined Page Template 和 StockPageTemplate.jtpl。假如沒有列出該模板，請選擇 Browse => Current Project next Location（圖 4）。選擇 Finish。
　　圖 4. 頁面模板文件的選擇
　　　用 WebSphere Studio 創建 JSF 提交表單（1）（圖四）

　　Faces JSP 頁面應該符合我們以前構建的模板（圖 5）。您將會注重到“Default content of bodyarea”。這是該頁面上我們可以把組件拖放進去的惟一區域。對模板的任何修改都需要修改模板文件；只有內容區是動態的。
　　圖 5. Faces JSP 頁面
　　　用 WebSphere Studio 創建 JSF 提交表單（1）（圖五）

　　我們現在要把 JSF 組件拖到內容區：
　　刪除“Default content of body area”文本，然后在開始（start）和結束（end）畫筆圖標之間留出一些空間。從選項板（圖 6）的 Faces Components 部分，把 Output 組件拖到內容區中。
　　圖 6. Faces Components 選項板
　　　用 WebSphere Studio 創建 JSF 提交表單（1）（圖六）