Google Web Toolkit感悟.

GWT入门指南

最新推荐文章于 2025-11-02 17:29:11 发布

最新推荐文章于 2025-11-02 17:29:11 发布 · 140 阅读

文章标签：

#Google #Web #Eclipse #GWT #编程

Google Web Toolkit 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何使用Google Web Toolkit (GWT) 进行Ajax开发，包括页面布局、控件集成及与服务器通信的方法。通过实例演示了如何创建GWT应用程序，并推荐了使用Eclipse插件进行高效开发。

最近看了一些Google Web Toolkit的文章. 终于理解了他的原理.

其实用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 就可以了.