《電子技術(shù)應(yīng)用》
您所在的位置:首頁(yè) > 其他 > 業(yè)界動(dòng)態(tài) > 過(guò)渡技術(shù)的Ajax及Apusic JSF

過(guò)渡技術(shù)的Ajax及Apusic JSF

2007-08-20
作者:袁紅崗

摘要:現(xiàn)在炒得正熱的Ajax其實(shí)是一種新瓶裝舊酒的過(guò)渡技術(shù),相信未來(lái)一到兩年之內(nèi)將被新的技術(shù)所代替,它解決問(wèn)題的方法與手段很難形成一種可高度抽象的框架級(jí)解決方案,而JSF則是一種可擴(kuò)展的框架級(jí)解決方案。在J2EE下一代規(guī)范Java EE 5.0中,JSF被放到了一個(gè)非常重要的地位,J2EE社區(qū)試圖通過(guò)JSF來(lái)統(tǒng)一Web應(yīng)用的開發(fā)模式" title="開發(fā)模式">開發(fā)模式與方法。作為JCP組織成員的金蝶中間件,即將推出中國(guó)人作出的Apusic JSF

?

前言

在J2EE下一代規(guī)范Java EE 5.0中,JSF(Java Server Faces)技術(shù)被放到了一個(gè)非常重要的地位。J2EE社區(qū)試圖通過(guò)JSF來(lái)統(tǒng)一Web應(yīng)用的開發(fā)模式與方法。?

相對(duì)于傳統(tǒng)的基于JSP/Servlet的開發(fā)模型,JSF能夠帶來(lái)許多好處,譬如:?

????????? 可定制的豐富的UI組件?

????????? 良好的事件響應(yīng)機(jī)制?

????????? 表達(dá)式語(yǔ)言(Expression Language)?

????????? 表單數(shù)據(jù)的自動(dòng)轉(zhuǎn)換與驗(yàn)證?

????????? 基于MVC的框架模型等等...?

但同時(shí)我們也不得不看到,業(yè)界常見的JSF引擎普遍存在著一些缺陷與不足(并不是說(shuō)JSF技術(shù)模型本身的局限,而是常規(guī)的實(shí)現(xiàn)機(jī)制所產(chǎn)生的一些問(wèn)題),而這些不足將可能對(duì)JSF成為日后Web應(yīng)用主流開發(fā)技術(shù)" title="開發(fā)技術(shù)">開發(fā)技術(shù)帶來(lái)一定的負(fù)面影響,包括:?

????????? 常規(guī)的JSF實(shí)現(xiàn)機(jī)制,運(yùn)行期性能并不是非常理想?

????????? 缺少良好的工具支持?

作為JCP組織成員,金蝶中間件對(duì)待JSF技術(shù)又是如何思考的?是否打算對(duì)JSF進(jìn)行全面支持?又是通過(guò)怎樣的解決方案來(lái)克服上述不足的呢??

JSF與Ajax

一談到Web開發(fā)技術(shù),就不得不提Ajax。這是目前在整個(gè)IT界都紅得發(fā)紫的概念了。在這里我想沒必要再去闡述一遍什么是Ajax,但我們可以對(duì)Ajax有一個(gè)基本的認(rèn)識(shí)。?

Ajax其實(shí)是一種新瓶裝舊酒的技術(shù),它的好處是通過(guò)Java Script與DHTML,提供了一種異步編程模型,從而使我們的Web應(yīng)用給客戶帶來(lái)更好的人機(jī)體驗(yàn)。但Ajax解決問(wèn)題的層面很低;或者說(shuō),它解決問(wèn)題的方法與手段,很難形成一種可高度抽象的框架級(jí)解決方案,而JSF則是一種可擴(kuò)展的框架級(jí)解決方案。?

事實(shí)上,我認(rèn)為Ajax是一種過(guò)渡技術(shù),相信在未來(lái)一到兩年之內(nèi)將被新的技術(shù)所代替,是微軟的XAML、Mozilla的XUL、還是任何可能的RIA標(biāo)準(zhǔn),實(shí)際上整個(gè)業(yè)界都在觀望。但不管采用什么技術(shù),JSF都能適應(yīng),對(duì)JSF來(lái)說(shuō)適應(yīng)一個(gè)新技術(shù)只是更換一個(gè)Render Kit而已。舉一個(gè)例子,如果想在網(wǎng)頁(yè)中實(shí)現(xiàn)圖表功能(Chart),MSIE有VML,Gecko和Opera有SVG,而在服務(wù)器端只需要簡(jiǎn)單地判斷一下瀏覽器類型就可以選擇一個(gè)Render Kit生成不同的markup來(lái)完成相同的功能,這是用常規(guī)JSP技術(shù)很難完成的任務(wù)。?

Apusic JSF:中國(guó)人做出的JSF引擎

容器級(jí)別的Ajax支持?

目前有JSF + Ajax這種思路的,恐怕也不是金蝶中間件一家,但很多第三方" title="第三方">第三方的JSF + Ajax實(shí)現(xiàn)是提供一個(gè)組件庫(kù)以及一個(gè)附加的Servlet 或Filter來(lái)處理Ajax請(qǐng)求,而我們是直接由JSF容器來(lái)處理Ajax請(qǐng)求的。我們會(huì)根據(jù)請(qǐng)求的類型來(lái)判斷這是一個(gè)正常的HTTP請(qǐng)求還是一個(gè) Ajax請(qǐng)求。如果是一個(gè)常規(guī)HTTP請(qǐng)求就運(yùn)行JSP頁(yè)面,生成頁(yè)面文檔(并且我們會(huì)在生成的頁(yè)面文檔中嵌入Ajax所必須的Java Script代碼,后文提及);如果該請(qǐng)求是一個(gè)Ajax請(qǐng)求,服務(wù)器對(duì)請(qǐng)求參數(shù)正常解碼,并執(zhí)行JSF中除頁(yè)面輸出階段以外的所有其他階段,這時(shí)將生成一個(gè)JSF的組件樹,遍歷該組件樹,從中找出發(fā)生變化的數(shù)據(jù),并將這些數(shù)據(jù)打包成一個(gè)Ajax應(yīng)答,并由客戶端" title="客戶端">客戶端來(lái)更新這些修改的數(shù)據(jù),甚至改變頁(yè)面外觀。 ?

在JSF規(guī)范中,JSF頁(yè)面輸出階段所采用的Render Kit是可替換的,默認(rèn)的HTML_BASIC Render Kit輸出的是標(biāo)準(zhǔn)的HTML語(yǔ)法,不包含任何Java Script代碼,Apusic JSF引擎實(shí)現(xiàn)了一個(gè) AJAX Render Kit,可以在HTML文檔中嵌入Java Script代碼來(lái)實(shí)現(xiàn)Ajax特性,而替換Render Kit只需要修改配置文件即可。?

那么,這樣能夠帶來(lái)怎樣的好處呢??

提升JSF運(yùn)行性能,帶來(lái)更好的人機(jī)體驗(yàn)。?

常規(guī)JSF容器在狀態(tài)維護(hù)方面的通用做法是:基于Session的,或者基于請(qǐng)求傳遞型的,這就意味著,當(dāng)每進(jìn)行一次客戶端與服務(wù)器端的響應(yīng)時(shí),都需要把所有的狀態(tài)傳來(lái)傳去,這無(wú)疑會(huì)對(duì)系統(tǒng)的運(yùn)行性能帶來(lái)較大的負(fù)面影響,從而使開發(fā)人員誤以為:JSF是一種重量級(jí)的技術(shù)模型。?

而通過(guò)Apusic JSF的Ajax特性,我們能夠只把發(fā)生變化的數(shù)據(jù)打包成Ajax請(qǐng)求發(fā)送給服務(wù)器端,而服務(wù)器端也只會(huì)將發(fā)生變化的數(shù)據(jù)打包成Ajax應(yīng)答,從而大大提升系統(tǒng)的運(yùn)行效率。并且,傳統(tǒng)的JSF請(qǐng)求應(yīng)答將刷新整個(gè)頁(yè)面,而Apusic JSF將只更新發(fā)生變化的客戶端組件,從而給客戶帶來(lái)更好的人機(jī)體驗(yàn)。?

簡(jiǎn)化Ajax的開發(fā)?

以前要寫Ajax應(yīng)用要寫很多Java Script代碼,開發(fā)、調(diào)試、維護(hù)這些 Script腳本都相當(dāng)煩瑣,如果采用Apusic JSF技術(shù),你不再需要編寫任何Java Script代碼,引擎已經(jīng)幫你生成了這些代碼。Apusic JSF所有的標(biāo)準(zhǔn)組件都是支持Ajax的,某些第三方組件可能本身并不支持 Ajax,但使用一個(gè)名為的標(biāo)簽,可以立即將這個(gè)第三方組件轉(zhuǎn)換成Ajax Enabled。例如Apache myfaces的Tomahawk項(xiàng)目提供了一個(gè)Tree組件,這個(gè)組件本身并不支持Ajax,每當(dāng)按下一個(gè)Tree結(jié)點(diǎn)都將重新刷新整個(gè)頁(yè)面,使用標(biāo)簽后則只刷新Tree部分,而不刷新頁(yè)面的其他部分。當(dāng)然更好的方式是提供一個(gè)本身就支持AJAX的Tree組件,以減少冗余數(shù)據(jù)的傳遞。?

Apusic JSF還提供了一個(gè)名為的標(biāo)簽,可以接受在發(fā)送和完成一個(gè)Ajax請(qǐng)求時(shí)觸發(fā)的事件,缺省的實(shí)現(xiàn)是在發(fā)送 Ajax請(qǐng)求之前顯示一個(gè)HTML片段,在完成Ajax請(qǐng)求之后顯示另一個(gè)HTML片段,這些HTML片段可以包含文字和圖片。更高級(jí)的用法是可以設(shè)置 標(biāo)簽的onstart和onstop屬性,在開始和完成Ajax請(qǐng)求時(shí)執(zhí)行一段Java Script代碼以實(shí)現(xiàn)更復(fù)雜的效果。?

此外,我們還實(shí)現(xiàn)了一個(gè) 標(biāo)簽,可以以RPC方式調(diào)用服務(wù)器端Java對(duì)象的某個(gè)方法。?

其它特性?

采用Apusic JSF還包含其它一些差異化特性,包括:控件的換膚功能,控件對(duì)IE、Mozilla(Firefox)、Opera等多瀏覽器的支持,以及強(qiáng)大的布局功能等。?

?

<圖一? Windows 風(fēng)格的 Apusic JSF組件與布局>

?


在<圖一>中所展示的是通過(guò)Apusic JSF生成的完全基于HTML, CSS, Java Script的界面,它們和一個(gè)真正的窗口系統(tǒng)幾乎完全一樣,包括移動(dòng)位置、改變堆疊順序、以及模式對(duì)話框等,但實(shí)際上他們都是“假”窗口。另外需要著重指出的是,這里完全采用CSS布局,避免了舊有的依賴于HTML Table嵌套的布局方式,從而使我們的程序具有更好的可維護(hù)性。針對(duì)這樣一個(gè)界面,我們可以觀察一下具體的實(shí)現(xiàn)代碼,以<圖一>中的Main Window為例:?

?? left='0' top='0' width='500' height='350'?

?? contentPaneStyleClass='normal-window'?

?? showIcon='true' showMinimize='true' showMaximize='true' showClose='true'?

?? onclose='window.location='index.html''>?

??

Main Window

?

??

?

?????

?????

??

?

?? <%@ include file='/WEB-INF/apusicjsf.inc' %>?

?


我們發(fā)覺,通過(guò)Apusic JSF,實(shí)現(xiàn)上述UI界面其實(shí)并不復(fù)雜,只需要通過(guò)簡(jiǎn)單的幾行代碼,就能夠完成復(fù)雜的UI界面。?

Apusic JSF還支持控件的換膚功能。以上述界面為例,我們可以查看Mac OS風(fēng)格的界面樣式,如圖二所示。?

?

<圖二? Mac OS 風(fēng)格的 Apusic JSF組件與布局示例>

?


開發(fā)工具" title="開發(fā)工具">開發(fā)工具的支持:Apusic Studio

在JSF規(guī)范中,有這樣一句話:“JSF is designed to be tooled”。換言之,JSF規(guī)范從設(shè)計(jì)初開始,就非常強(qiáng)調(diào)對(duì)工具支持的依賴。幸運(yùn)的是,目前對(duì)JSF提供支持的開發(fā)工具也逐漸豐富了起來(lái),包括Oracle JDeveloper、Sun Java Studio Creator等等。金蝶中間件也同樣提供了一個(gè)基于Eclipse的集成式開發(fā)環(huán)境:Apusic Studio,并通過(guò)該工具,能夠給JSF的開發(fā)帶來(lái)良好的支持,包括:語(yǔ)法加亮、代碼輔助、斷點(diǎn)調(diào)試、可視化的設(shè)計(jì)等等。?

<圖三 Apusic Studio JSF 設(shè)計(jì)器>

?

參考資料

: Apusic應(yīng)用服務(wù)器、Apusic Studio參見http://www.apusic.com?

作者鏈接:“影響中國(guó)軟件開發(fā)的20人”袁紅崗部分(http://news.chinabyte.com/334/1760834_3.shtml)?

“人物:袁紅崗,所屬公司:金蝶中間件公司?

入選理由:最早開發(fā)Windows上的企業(yè)應(yīng)用軟件,打造獨(dú)立知識(shí)產(chǎn)權(quán)的EJB服務(wù)器?

很多JAVA程序員對(duì)袁紅崗極其佩服,源于他做了很多人不敢想更不敢做的事情,這就是他打造了國(guó)產(chǎn)的EJB服務(wù)器,很快,金蝶將在國(guó)內(nèi)推出自主產(chǎn)權(quán)EJB服務(wù)器的3.0版本。?

同時(shí),袁紅崗還是在Windows平臺(tái)上開發(fā)企業(yè)應(yīng)用軟件的最早的一批程序員,當(dāng)時(shí)寫出的適合小型企業(yè)使用的財(cái)務(wù)購(gòu)銷存一體化軟件KINGDEE 2.7,令I(lǐng)T行業(yè)對(duì)金蝶刮目相看,使金蝶一舉成名,正是這些人才奠定了中國(guó)的管理軟件的基礎(chǔ)。?

袁紅崗將自己多年的經(jīng)驗(yàn)以一種樸實(shí)的風(fēng)格寫出來(lái),這些帖子在網(wǎng)上也影響深遠(yuǎn)?!?

更多相關(guān)資訊請(qǐng)瀏覽袁紅崗視點(diǎn)專區(qū):http://www.apusic.com/market/javaclub/yuan/ 
本站內(nèi)容除特別聲明的原創(chuàng)文章之外,轉(zhuǎn)載內(nèi)容只為傳遞更多信息,并不代表本網(wǎng)站贊同其觀點(diǎn)。轉(zhuǎn)載的所有的文章、圖片、音/視頻文件等資料的版權(quán)歸版權(quán)所有權(quán)人所有。本站采用的非本站原創(chuàng)文章及圖片等內(nèi)容無(wú)法一一聯(lián)系確認(rèn)版權(quán)者。如涉及作品內(nèi)容、版權(quán)和其它問(wèn)題,請(qǐng)及時(shí)通過(guò)電子郵件或電話通知我們,以便迅速采取適當(dāng)措施,避免給雙方造成不必要的經(jīng)濟(jì)損失。聯(lián)系電話:010-82306118;郵箱:aet@chinaaet.com。