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