GWT(Google Web Toolkit)入门学习

GWT入门学习

syxChina(www.cnblogs.com/syxchina)

GWT入门学习

1介绍

2 安装

3 第一个gwt项目

4 gwt 和extjs结合

1介绍

百科名片http://baike.baidu.com/view/358878.htm

Google Web Toolkit的缩写，有了 GWT可以使用 Java 编程语言编写 AJAX 前端，然后 GWT 会交叉编译到优化的JavaScript 中，而 JavaScript 可以自动在所有主要浏览器上运行。GWT允许开发人员使用 Java 编程语言快速构建和维护复杂但性能高的 JavaScript 前端应用程序，从而降低了开发难度，尤其是与 Eclipse Google 插件结合使用时，优势更明显。

2 安装

谷歌GWT : http://code.google.com/intl/zh-CN/webtoolkit/

先根据eclipse版本安装eclipse插件：http://code.google.com/intl/zh-CN/eclipse/docs/download.html

建议安装zip包，因为在线更新可能比较慢，zip包插件下载地址：

http://v20.lscache1.c.bigcache.googleapis.com/eclipse_toolreleases/products/gpe/release/2.5/3.7/com.google.gdt.eclipse.suite.3.7.update.site_2.5.0.zip

安装成功会重启下，出现，安装成功!

3 第一个gwt项目

1) 下载安装

新建项目：，或者new → project → google → gwt。

项目上右击运行：

2) 测试helloworld

先删除无关紧要的文件，比如RPC现在不用，可以删了，2.4版本的gwt还多了一个share文件夹，默认里面是个验证的,可以删了，client包里GwtTest是入口类，里面有个onModuleLoad是入口函数，删除无关紧要的，最后成了比较精简的项目：

根据官方的示例Hello，修改如下:

package com.syx.gwt.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.RootPanel;

public class GwtTest implements EntryPoint {
	public void onModuleLoad() {
		Button b = new Button("Click me", new ClickHandler() {
			public void onClick(ClickEvent event) {
        			Window.alert("Hello World!");
      			}
    		});
		RootPanel.get().add(b);
	}
}