大四了,一直对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的效果一样呢,到此我们的开发环境也就算搭建完成了