開發(fā)自定義JSF組件
開發(fā)人員認為，如果有合適的工具來創(chuàng)建交互式Web界面，他們就能將時間集中在核心需求和定制上，并在規(guī)定時間內及時得交付應用程序。與其他技術如JavaServer Pages或Apache Struts 相比，JavaServer Faces (JSF)技術為創(chuàng)建交互式Web應用程序帶來了很多便利。JSF在程序邏輯和GUI表示之間劃出一條清晰的界限，提高了對Web程序的維護能力，并為 Web用戶界面組件的開發(fā)和重用提供了一個框架。
如今，許多Web應用程序開發(fā)人員都在轉而使用JSF，但是他們發(fā)現(xiàn)，預先定制的JSF UI組件受到基本DHTML窗口部件的限制。監(jiān)管或業(yè)務流程監(jiān)控之類的高級應用程序需要能與JSF框架兼容的高級可視化組件。JSF框架的標準化使它易于開發(fā)能夠重用的自定義Web GUI組件。另外，Web組件開發(fā)商現(xiàn)在能提供更復雜的組件，并承諾Web應用程序開發(fā)人員能夠輕松地使用這些組件。此類JSF用戶界面組件必須集成并部署到JSF運行時框架中去，并在其中完全展開，還必須在設計時很好地集成到提供JSF支持的IDE中去。
盡管JSF帶來了標準用戶界面框架，但對于開發(fā)第一個自定義JSF組件而言，還是存在幾個缺陷和漏洞。讓我們看看怎樣創(chuàng)建一個純HTML無法輕松創(chuàng)建的圖形JSF組件。圖形JSF組件的特點不僅要求生成DHTML，而且還需要對圖像生成和客戶端交互提供補充支持。我們將以一個圖形組件的例子來闡述這些特點。該圖形組件能夠提供曲線圖，并為各種客戶端導航和交互提供便利。我們還會了解到將該圖形組件集成到JSF-enabled IDE中所需要的步驟。通過理解圖形組件的設計方法，您將會更好地理解如何實現(xiàn)JSF組件，而這應該能使您開發(fā)出定制的JSF圖形組件。
什么是JSF？
JSF是一種能夠簡化Web應用程序表示層結構的標準服務器端框架。定義 JSF框架的JSR 127（參見參考資料）帶有一個能提供基本UI組件（如輸入欄和按紐）的參考實現(xiàn)。您可以將可重用用戶界面組件集中起來創(chuàng)建Web頁，將這些組件綁定到應用數(shù)據(jù)源上，并用服務器端事件控制程序處理客戶端事件。根據(jù)說明書介紹，組件供應商能編寫與JSF運行時框架集成的組件，并將其集成到在設計時與JSF兼容的IDE中去。
從很大程度上講，JSF組件同在HTML 2.0技術要求下可用的HTML組件和標簽直接相符合。對許多Web應用程序而言，這套相對簡單的組件是夠用的。然而，許多應用程序如監(jiān)管或監(jiān)控程序需要更復雜的數(shù)據(jù)顯示與交互，比如制表、制圖和映射。由于JSF組件在HTML中直接提交復雜圖形小部件的能力有限，所以設計這些高級組件的能力并不突出。解決方案要求服務器端組件向客戶傳輸圖像，卻會給自身帶來問題，因為在基本HTML圖像上進行交互要受到限制。最后，使用JavaScript時，必須能調用客戶端交互來使用戶能對數(shù)據(jù)進行導航和交互。
讓我們看看開發(fā)一個簡單的、將CSS輸入HTML頁面的JSF組件需要哪些步驟。當開發(fā)高級JSF圖形組件時，這一簡單組件的描述和代碼樣本會作為背景。顯示了如何使用即將開發(fā)的組件，并顯示將要得到的結果。使用這種組件的好處是能夠通過改變某個JSF動作的組件值，來改變整個頁面的外觀。顯示了我們如何使用一個非常簡單的JSF組件將CSS輸入某個HTML頁面并得出結果。
開發(fā)自定義JSF組件
JSF組件包含若干個Java類和配置文件。為創(chuàng)建一個自定義JSF組件，您需要開發(fā)一個擴展JSF基本組件類的Java類；為默認呈現(xiàn)軟件包開發(fā)呈現(xiàn)程序；開發(fā)一個將在JSP頁面中用于描述標簽的Java類；編寫一個標簽庫定義（TLD）文件；編寫JSF配置文件。讓我們更深入地了解這5個步驟。
開發(fā)組件Java類。組件類負責管理代表組件狀態(tài)的屬性。因此，我們必須根據(jù)組件的行為（如輸入組件或輸出組件），給組件選擇適當?shù)幕悺＿@里描述的組件可進行擴展 javax.faces.component.UIOutput，以顯示指向某個樣式表文件的URL，或內聯(lián)式樣式表的內容。該組件可用于在JSF動作中將某個樣式表轉換成另一個樣式表。關聯(lián)屬性規(guī)定著值的類型：要么是一個URL，要么是內聯(lián)樣式。該組件還必須能夠在向服務器發(fā)送請求期間，使用經過JSF 框架處理的對象，來存儲并修復自己的狀態(tài)。組件的狀態(tài)由重建對象所需的重要屬性值組成。JSF框架自動調用saveState()和 restoreState()方法，我們可以在組件中實現(xiàn)這兩種方法來達到這一目標。
【編輯推薦】
