作為一種 Web 框架，JavaServer Faces (JSF) 提供了端到端的生命周期管理和具有完整事件處理和數據綁定的豐富組件模型。Dojo 是一種十分流行的 Asynchronous JavaScript + XML (AJax) 庫，可為 Web2.0 應用程序提供豐富的小部件和美妙效果。借助 JSF 和 Dojo 技術，您就可以通過在服務器端使用 JSF 集成特性、在客戶機端使用 Dojo 用戶界面創建一種更好的用戶體驗。本文介紹了這一過程並向您展示了如何能輕松構建 Web 應用程序來為您的用戶提供更好的用戶體驗。
簡介
JSF 是一種流行的 Web 框架、相當穩定並已被廣泛應用於 Java™ Platform, Enterprise Edition (Java EE) 領域。Dojo 是一種功能最為強大的 Web 2.0 庫之一，可用來為您的 Web 應用程序創建豐富的界面。
通過綜合使用這兩種技術，您就能享受到兩種技術的好處。在服務器端，好處體現在對組件端對端的生命周期管理、後端 bean 數據捆綁和事件處理。在客戶機端，您將能利用 Dojo 的豐富小部件、實時動畫（比如淡出和滑變效果）以及拖放功能。此外，借助 Dojo 框架的 API 支持，您還能通過將更多的邏輯放在客戶機端提高性能。
如下所示的是本文利用 JSF 和 Dojo 技術的方式：
◆延遲捆綁 JSF 組件和客戶機端的 Dojo小部件
◆構建一個定制的 JSF 組件來啟用 Dojo小部件
◆對 JSF 組件進行延緩注入和解析為 Dojo小部件
本文的示例 JSF 應用程序由兩個頁面組成：Create Project 和 Project result。圖 1 和圖 2 展示了這兩個頁面。為了方便理解，圖中所示的這些示例將用在本文描述的所有方式當中以便展示如何綜合 Dojo 和一個 JSF 應用程序
方式 1：延遲捆綁 JSF 組件和客戶機端的 Dojo小部件
這種方式是一種最簡單的將 Dojo 樣式應用到 JSF 組件的方式。我們只需使用 Javascript 來綁定 JSF 組件和客戶機端的 Dojo小部件。通過使用 JavaScript，數據就可被傳遞並能在 JSF 組件和 Dojo小部件間保持一致。
方式 2：構建定制 JSF 組件來啟用 Dojo小部件
JSF 是一種功能強大的 Web 框架。它不僅為 Web 應用程序提供了標准的用戶界面組件，它還是一種非常靈活的 API，允許用戶定制。在本節中，我們將介紹如何開發綜合了 Dojo 樣式的定制 JSF 組件。
通常，JSF 組件將包含如下部分：
◆UIComponent Class：該類獲取自 UIComponentBase 或其他已有的 JSF 組件，比如 outputText。這個類代表的是整個 JSF 組件的核心邏輯。
◆Render Class：該類用來呈現組件。通常，它負責處理如何生成要呈現的 HTML 代碼，所以它是本節的關鍵所在。我們需要更改這個類並讓其生成 Dojo 樣式的 Html 代碼。
◆UI Component Tag Class：它是一個 JSP 標記處理程序類，能讓 UI Component 用於 JSP 頁面。它還能關聯一個單獨的呈現類和一個 UIComponent 類。
◆Tag Library Descriptor File：這是一個標准的 JavaEE JSP 標記庫描述符（tld）文件，能關聯標記處理程序類與 JSP 頁面內的一個可用標記。
我們將繼續以創建項目的場景為例來展示如何創建一個具備 dojo 驗證功能的輸入文本 JSF 組件。
結束語
集成 JSF 與 Dojo 非常有用。它綜合利用了 JSF 的服務器端功能與 Dojo 的功能強大的小部件，能讓您輕松創建具有更好用戶體驗的 Web 應用程序。
