其實用Google Web Toolkit去做Ajax開發說實話還是蠻簡單的. 最開始以爲用Google Web Toolkit .html .js css都不用寫. 看了很多文章才真正瞭解到他的原理.
其實用這個框架是先要用html做好整個頁面的佈局.然後設置好每個需要的需要加進Javascript的地方的id.在我們在使用框架的時候通過這種方法來講我們的GWT的控件加進去.
在進行Java編程的部分的時候 我們需要指定一個EntryPoint.在我們編程的時候.必須有一個類來實現EntryPoint這個接口.這個類裏面只有一個方法..onModuleLoad() . 我們只要實現這個方法就行了.說實話還是建議大家直接用eclipse的插件來進行開發.非常方便.
插件的安裝方法是: 在eclipse裏面 help-->find and install -->search for new -->new remote site 把這個加進來 http://dl.google.com/eclipse/plugin/3.3 如果你的eclipse版本是3.4的. 就把後面的那個版本號變成3.4就可以了 .安裝比較慢.耐心等待就好.
下面是我們編程部分. 首先我們在eclipse裏面 new web app 就可以了.
這個是我們Html的頁面部分.簡單的例子.
<tr>
<td id="nameFieldContainer"></td>
</tr>
我們要在這個td裏面加入我們的Ajax應用.
下面我們Java部分的編程.
final TextBox nameField = new TextBox();
RootPanel.get("nameFieldContainer").add(nameField);
通過上面的代碼就把我們的控件加進Html裏面了.
我們用rpc 就可以跟server端通信了. 步驟也比較簡單.
現在開發GWT 我們直接用Google的eclipse插件就可以了. 非常方便. 想要看效果的時候我們只要裝好插件. 右鍵點擊 run as web app 就可以了.