入門(mén)gwt

1、面向Java開(kāi)發(fā)人員的Ajax:GoogleWebToolkit入門(mén)級(jí)別：初級(jí)肖菁唯J族創(chuàng)始人2006年7月03日Ajax被用于創(chuàng)建更加動(dòng)態(tài)和交互性更好的Web應(yīng)用程序。GoogleWebToolkit(簡(jiǎn)稱GWT)是Google推出的Ajax應(yīng)用開(kāi)發(fā)包，GWT支持開(kāi)發(fā)者使用Java語(yǔ)言開(kāi)發(fā)Ajax應(yīng)用。本文中作者將介紹如何使用GWT開(kāi)發(fā)Ajax應(yīng)用的基本方法和步驟。Ajax簡(jiǎn)介簡(jiǎn)介Ajax是AsynchronousJavriptXML

2、（以及DHTML等）的縮寫(xiě)，由XHTML、CSS、Javript、XMLHttpRequest、XML等技術(shù)組合而成，是當(dāng)前Web應(yīng)用開(kāi)發(fā)領(lǐng)域的熱門(mén)技術(shù)，用于創(chuàng)建更加動(dòng)態(tài)和交互性更好的Web應(yīng)用程序，提升用戶的瀏覽體驗(yàn)。Ajax的核心是Javript對(duì)象XmlHttpRequest。XmlHttpRequest處理所有服務(wù)器通信的對(duì)象，是一種支持異步請(qǐng)求的技術(shù)。簡(jiǎn)而言之，XmlHttpRequest使您可以使用Javript向服務(wù)器提出

3、請(qǐng)求并處理響應(yīng)，而不阻塞用戶。Ajax并不是本文的中心關(guān)注點(diǎn)，因此這里不再贅述，請(qǐng)大家訪問(wèn)參考資源區(qū)的相關(guān)鏈接，了解更多關(guān)于Ajax技術(shù)和應(yīng)用方面的知識(shí)。為什么選擇為什么選擇GWT？眾所周知，即使對(duì)于Ajax技術(shù)非常熟悉的開(kāi)發(fā)者而言，Ajax應(yīng)用的開(kāi)發(fā)和調(diào)試過(guò)程也不是一件容易的事情，更困難的是，到目前為止，一直沒(méi)有出現(xiàn)合適的開(kāi)發(fā)工具能夠支持Ajax應(yīng)用的開(kāi)發(fā)和調(diào)試。與此相反的是，Java語(yǔ)言企業(yè)應(yīng)用開(kāi)發(fā)的主流語(yǔ)言的開(kāi)發(fā)和調(diào)試過(guò)程卻因?yàn)橛?/p>

4、各種各樣開(kāi)發(fā)工具的支持而簡(jiǎn)單的多，而且這樣的開(kāi)發(fā)工具我們可以免費(fèi)獲得，比如Eclipse、Beans。如果能夠應(yīng)用Java語(yǔ)言開(kāi)發(fā)Ajax，Ajax應(yīng)用開(kāi)發(fā)的最大難題開(kāi)發(fā)工具的缺失就將迎刃而解。這種情況下，我們就可以既充分利用Java語(yǔ)言的開(kāi)發(fā)優(yōu)勢(shì)降低Ajax應(yīng)用開(kāi)發(fā)的難度，加快Ajax應(yīng)用的開(kāi)發(fā)速度，為Ajax的大規(guī)模應(yīng)用創(chuàng)造可能，又可以充分發(fā)揮Ajax技術(shù)的優(yōu)勢(shì)，創(chuàng)建更加動(dòng)態(tài)和交互性更好的Web應(yīng)用程序，提升用戶的瀏覽體驗(yàn)。Goog

5、leWebToolkit(簡(jiǎn)稱GWT)的出現(xiàn)為我們提供了這種可能。GWT是Google推出的Ajax應(yīng)用開(kāi)發(fā)包，支持開(kāi)發(fā)者使用Java語(yǔ)言開(kāi)發(fā)Ajax應(yīng)用。GWT框架本身是開(kāi)源的，但是GWT中的開(kāi)發(fā)工具僅僅提供開(kāi)發(fā)用License，不允許分發(fā)。GWT提供了一組基于Java語(yǔ)言的開(kāi)發(fā)包，這個(gè)開(kāi)發(fā)包的設(shè)計(jì)參考JavaAWT包設(shè)計(jì)，類(lèi)命名規(guī)則、接口設(shè)計(jì)、事件監(jiān)聽(tīng)等都和AWT非常類(lèi)似。熟悉JavaAWT的開(kāi)發(fā)者不需要花費(fèi)多大的力氣就能夠快速的理

6、解GWT開(kāi)發(fā)工具包，將更多地時(shí)間投入到GWT應(yīng)用的開(kāi)發(fā)過(guò)程中。開(kāi)發(fā)出來(lái)的Java應(yīng)用將由GWT開(kāi)發(fā)包提供的編譯工具編譯后聲生成對(duì)應(yīng)的、應(yīng)用了Ajax技術(shù)的Web應(yīng)用，Java應(yīng)用中出現(xiàn)的、和服務(wù)器之間的交互動(dòng)作被自動(dòng)生成的異步調(diào)用代碼所代替。GWT特性特性GWT除了支持將應(yīng)用Java語(yǔ)言開(kāi)發(fā)的應(yīng)用轉(zhuǎn)化為Ajax應(yīng)用，同時(shí)提供了更多的高級(jí)特性，下面是這些特性的簡(jiǎn)單描述。1.GWT編譯器GWT編譯器是GWT的核心，負(fù)責(zé)完成將Java代碼翻譯

7、很Ajax內(nèi)容的工作。GWT編譯器能夠翻譯Java語(yǔ)言的大部分特性。包括支持Java語(yǔ)言中的基本類(lèi)型、違例處理等，支持java.lang包和java.util包中的絕大部分類(lèi)和接口，支持正則表達(dá)式和序列化。2.跨平臺(tái)支持第一個(gè)例子第一個(gè)例子HelloWld！下面的內(nèi)容中我們將介紹如何使用GWT工具集來(lái)完成第一個(gè)GWT的例子“HelloWld！“，并且將使用GWT編譯及將他轉(zhuǎn)化為Ajax應(yīng)用，在瀏覽器中完成測(cè)試。我們要完成的例子要實(shí)現(xiàn)的功

8、能包括：1、在頁(yè)面上顯示一個(gè)按鈕2、點(diǎn)擊該按鈕，默認(rèn)情況下，我們將在按鈕后面緊跟著顯示字符串“HelloWld!“。3、如果點(diǎn)擊按鈕時(shí)，“HelloWld!“字符串已經(jīng)顯示在瀏覽器中，我們要將他隱藏起來(lái)。我們現(xiàn)在開(kāi)始使用GWT工具集完成“HelloWld！“例子的開(kāi)發(fā)，下面的步驟是完成“HelloWld！“例子開(kāi)發(fā)環(huán)境配置、應(yīng)用開(kāi)發(fā)、編譯的基本步驟，同樣適用于其他GWT應(yīng)用的開(kāi)發(fā)，只是根據(jù)實(shí)際情況可能有增減。1、創(chuàng)建GWT應(yīng)用開(kāi)發(fā)環(huán)境從

9、上面的GWT特性部分我們知道，GWT工具包中提供的applicationCreat命令行工具可以幫助我們創(chuàng)建GWT應(yīng)用開(kāi)發(fā)所需要的環(huán)境，因此我們可以直接使用applicationCreat幫助我們完成這項(xiàng)工作。打開(kāi)命令行工具，進(jìn)入C:根目錄下，執(zhí)行“mkdi“命令創(chuàng)建新的文件目錄HelloWld。C:mkdirHelloWld執(zhí)行下面的命令將%JAVA_HOME%bin目錄和%GWT_HOME%目錄加入到PATH路徑中。C:setpat

10、h=%JAVA_HOME%bin%GWT_HOME%請(qǐng)將命令行中的%JAVA_HOME%替換為實(shí)際環(huán)境中JDK的安裝目錄，將%GWT_HOME%替換為GWT工具包的安裝目錄。進(jìn)入新創(chuàng)建的HelloWld目錄，然后運(yùn)行applicationCreat命令創(chuàng)建GWT應(yīng)用開(kāi)發(fā)環(huán)境。applicationCreat.cmd命令支持的語(yǔ)法如下。ApplicationCreat[eclipseprojectName][outdir][overwri

11、te][igne]className其中最重要的一個(gè)參數(shù)是classname，也就是我們創(chuàng)建的GWT應(yīng)用中的主Java類(lèi)，我們這里選擇使用g.vivianj.gwt.client.HelloWld。C:HelloWldapplicationCreat.cmdg.vivianj.gwt.client.HelloWld根據(jù)GWT工具包的默認(rèn)規(guī)則，GWT應(yīng)用中的主Java類(lèi)報(bào)名的最后一段必須是client。也就是說(shuō)，只有xxx.client.

12、Xxxx這樣命名的Java類(lèi)才能被識(shí)別為正確的GWT應(yīng)用主類(lèi)。ApplicationCreat工具運(yùn)行的時(shí)候，屏幕上會(huì)打印如下內(nèi)容。CreateddirectyC:HelloWldsrcCreateddirectyC:HelloWldsrcgvivianjgwtCreateddirectyC:HelloWldsrcgvivianjgwtclientCreateddirectyC:HelloWldsrcgvivianjgwtpublicC

13、reatedfileC:HelloWldsrcgvivianjgwtHelloWld.gwt.xmlCreatedfileC:HelloWldsrcgvivianjgwtpublicHelloWld.htmlCreatedfileC:HelloWldsrcgvivianjgwtclientHelloWld.javaCreatedfileC:HelloWldHelloWldshell.cmdCreatedfileC:HelloWldHel