Ext-Gwt3.0学习笔记（1）

大四了，一直对Extjs有很大兴趣，但没办法就是喜欢不起来js，所以准备学习一下Ext-gwt，官网已经更新到了3.0了，但网上大多都是2.x版本的，所以自己打算从头学起，下了gxt3.01-GPL版本的，开始了Ext-gwt之路

第一步，就是开发环境的搭建了。

首先我们得安装gwt的eclipse插件,网上有很多怎样安装gwt插件的文章大家可以自己去找。插件安装完成后，我们就可以真正的开始Ext-Gwt开发了 。

打开eclipse，创建一个 Web Application Project 工程

工程名为TestApp，选择默认的SDK，不选Use Google App Engine，我们暂时用不到它。这时我们可以看到eclipse给我们生成的文件目录

删除com.chen.test.Server包和com.chen.t.est下的所有.java文件，删除com.chen.client下的GreetingService.java和GreetingSeriviceAsync.java文件，并在web.xml中删除对应的servlet配置 接下来我们导入需要的gxt-3.0.1.jar,打开com.che.testn包下的TestApp.gwt.xml加入如下语句

<inherits name="com.sencha.gxt.ui.GXT"></inherits>

  在 TestApp.html加入如下样式

<link rel="stylesheet" type="text/css" href="testapp/reset.css">

 打开TestApp.java文件中我们写一个简单的窗口看看效果，输入如下代码

	public void onModuleLoad() {
		// TODO Auto-generated method stub
		Window window=new Window();
		window.setWidth(300);
		window.setHeight(200);
		window.setHeadingText("Sample");
		window.show();
		RootPanel.get().add(window);
		
	}

效果图如下

怎么样是不是和Extjs的效果一样呢，到此我们的开发环境也就算搭建完成了