JSF和JSP是新的搭檔
Java在最近幾年逐漸升溫,隨著Java SE 5和Java SE 6的推出,Java的未來更顯得無比輝煌。但以Java為基礎(chǔ)的JSP在Java SE 5推出之前卻一直抬不起頭來,這最重要的原因就是JSP雖然功能十分強(qiáng)大,但最大的優(yōu)點(diǎn)也是它的最大缺點(diǎn),功能強(qiáng)大就意味著復(fù)雜,尤其是設(shè)計(jì)前端界面的可視化工具不多,也不夠強(qiáng)大。因此,設(shè)計(jì)JSP頁面就變得十分復(fù)雜和繁瑣...
Java在最近幾年逐漸升溫,隨著Java SE 5和Java SE 6的推出,Java的未來更顯得無比輝煌。但以Java為基礎(chǔ)的JSP在Java SE 5推出之前卻一直抬不起頭來,這最重要的原因就是JSP雖然功能十分強(qiáng)大,但最大的優(yōu)點(diǎn)也是它的最大缺點(diǎn),功能強(qiáng)大就意味著復(fù)雜,尤其是設(shè)計(jì)前端界面的可視化工具不多,也不夠強(qiáng)大。因此,設(shè)計(jì)JSP頁面就變得十分復(fù)雜和繁瑣。不過,在Java SE 5推出的同時,Sun為了簡化JSP的開發(fā)難度,推出了新的JavaServer Faces(簡稱JSF)規(guī)范。從而使JSP走上了康莊大道。
作為一種高度組件化的技術(shù),開發(fā)人員可以在一些開發(fā)工具的支持下,實(shí)現(xiàn)拖拉式編輯操作,用戶只需要簡單的將 JSF 組件拖到頁面上,就可以很容易的進(jìn)行 Web 開發(fā)了。這是其作為一種組件化的技術(shù)所具有的最大好處,我們能用的組件不光是一些比較簡單的輸入框之類,還有更多復(fù)雜的組件可以使用的,比如 DataTable 這樣的表格組件, Tree 這樣的樹形組件等等。
作為一種標(biāo)準(zhǔn)的技術(shù),JSF還得到了相當(dāng)多工具提供商的支持。同時我們也會有很多很好的免費(fèi)開發(fā)工具可以使用,前不久 Sun Java Studio Creator 2 和 Oracle JDeveloper 10g 作為免費(fèi)的支持 JSF 的開發(fā)工具發(fā)布,給 JSF 帶來了不小的生氣。另外我們也有一些很優(yōu)秀的商業(yè)開發(fā)工具可共選擇,BEA Workshop (原 M7 NitroX),Exadel,MyEclipse 這樣的基于 Eclipse 的插件開發(fā)工具,為現(xiàn)在廣大的 Eclipse 用戶帶來了不小的便利,IBM 的 Rational Application Developer 和 Borland 的 JBuilder 也是很不錯的支持 JSF 可視化開發(fā)的商業(yè)開發(fā)工具。
JSF和傳統(tǒng)的Web技術(shù)有著本質(zhì)上的差別,在傳統(tǒng)的Web技術(shù)需要用戶自己對瀏覽器請求進(jìn)行捕捉,保存客戶端狀態(tài),并且手工控制著頁面的轉(zhuǎn)向,等等。而JSF的出現(xiàn),無疑給我們帶來了巨大的便利,JSF 提供了事件驅(qū)動的頁面導(dǎo)航模型,該模型使應(yīng)用程序開發(fā)人員能夠設(shè)計(jì)應(yīng)用程序的頁面流。與 Struts 的方式向類似的是,所有的頁面流信息都定義在 JSF 配置 XML 文件 (faces-config.xml) 中,而非硬編碼在應(yīng)用程序中。這很大程度簡化了開發(fā)人員開發(fā)難度,簡化了應(yīng)用程序的開發(fā)。
同時JSF也是一種遵循模型-視圖-控制器 (MVC) 模式的框架。實(shí)現(xiàn)了視圖代碼(View)與應(yīng)用邏輯(Model)的完全分離,使得使用 JSF 技術(shù)的應(yīng)用程序能夠很好的實(shí)現(xiàn)頁面與代碼的分離。所有對 JSF 頁面的請求都會通過一個前端控制器 (FacesServlet) 處理,系統(tǒng)自動處理用戶的請求,并將結(jié)果返回給用戶。這和傳統(tǒng)的 MVC 框架并沒有太大的區(qū)別。
在JSF中不僅使用了 POJO 技術(shù),而且還使用了類似 Spring 的控制反轉(zhuǎn)(IoC) (或稱為依賴注入-DI) 技術(shù),在 JSF 的 Backing Bean 中,我們可以把視圖所需要的數(shù)據(jù)和操作放進(jìn)一個 Backing Bean 中。同時得益于 JSF 使用的 DI 技術(shù),我們可以在配置文件中初始化 Managed Bean,同時我們也可以通過這樣的技術(shù)很方便的和使用類似技術(shù)的 Spring 進(jìn)行整合。
如何在JSP中使用JSF
只有通過JSF和JSP相結(jié)合,才能充分發(fā)揮它的功效。JSF是通過標(biāo)簽庫和JSP 進(jìn)行集成的。標(biāo)簽庫就相當(dāng)于ASP.NET的服務(wù)端組件。JSF提供了非常豐富的標(biāo)簽庫,通過這些標(biāo)簽庫,可以生成各種客戶端模型,如HTML、WML、 XML以及JavaScript等。通過這些標(biāo)簽,你可以很容易建立大規(guī)模的客戶端模型,并由這些標(biāo)簽自動處理客戶端請求。
接下來讓我們來看一個如何使JSF和JSP在一起工作的例子。在JSF中有兩個庫。第一個叫做內(nèi)核庫,在這個庫中包含了各種主要的標(biāo)簽,如配置組件、管理事件、驗(yàn)證輸入信息等。第二個庫的主要功能是將HTML和JSF的各種標(biāo)簽相對應(yīng)。每一個JSF標(biāo)簽都會對應(yīng)一個HTML組件。如UIInput標(biāo)簽對應(yīng)了HTML中的文本框或密碼框。
在JSF標(biāo)簽中文本輸入框叫做inputText,而密碼輸入庫叫inputSecret。下面是一個簡單的JSF和JSP結(jié)合的用戶接口程序。
- <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
- ?。?@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
- <html>
- ?。糷ead>
- ?。糾eta HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=GB2312">
- ?。紅itle>第一個JSF程序</title>
- ?。?head>
- ?。糱ody>
- ?。糵:view>
- <h:form id="simpleForm">
- ?。糷:outputText id="favoriteLabel" value="請輸入一個數(shù)字:"/>
- <h:inputText id="favoriteValue" value="#{simple.longValue}">
- ?。糵:validateLongrange maximum="30" minimum="0"/>
- </h:inputText>
- ?。紁/>
- ?。糷:commandButton id="submit" value="提交" action="#{simple.simpleActionMethod}"/>
- </h:form>
- ?。?f:view>
- </body>
- ?。?html>
在上面的代碼中,我們可以了解到JSF是如何同JSP集成的。我們首先可以看到一個內(nèi)核標(biāo)簽:view。然后是幾個JSF組件。如form、 outputText、inputText以及commandButton。這幾個組件被放到form中從而開成了form中的一部分。在程序的最開始,必須使用import導(dǎo)入兩個標(biāo)簽庫。代碼如下。
- <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
- <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
上面2行代碼聲明了JSP中要使用哪一個JSF標(biāo)簽庫。內(nèi)核庫使用前綴(prefix)f聲明,而HTML庫使用前綴(prefix)h聲明。這兩個前綴并不是必須要使用,而只是一個建議。在程序中,內(nèi)核庫必須要使用,因?yàn)関iew在所有的 JSF頁中必須使用。而HTML標(biāo)簽在運(yùn)行時將JSF標(biāo)簽轉(zhuǎn)化為HTML組件,這個h前綴并不是必須的,而是JSF規(guī)范推薦使用的,這樣,我們使我們的 JSF程序更易讀。
在聲明后是幾行標(biāo)準(zhǔn)的HTML語句,本文不再詳述。從 f:view 開始,是一段JSF語句。這段代碼如下所示:
- <f:view>
- <h:form id="simpleForm">
- ?。糷:outputText id="favoriteLabel" value="請輸入一個數(shù)字:"/>
- ?。糷:inputText id="favoriteValue" value="#{simple.longValue}">
- ?。糵:validateLongrange maximum="30" minimum="0"/>
- </h:inputText>
- ?。紁/>
- ?。糷:commandButton id="submit" value="提交"
- action="#{simple.simpleActionMethod}"/>
- ?。?h:form>
- ?。?f:view>
/f:view 標(biāo)簽預(yù)示著JSF的開始,而它的下一個標(biāo)簽form將建立一個HTML Form。而outputText標(biāo)簽相當(dāng)于HTML中的label組件。inputText標(biāo)簽相當(dāng)于HTML中的textField組件。而 commandButton標(biāo)簽相當(dāng)于HTML中的submit按鈕。
【編輯推薦】