一、构建eclispe开发环境
1、前期准备
(1)开发工具:
MyEclipse 6.6,或者eclipse,不用多说了~
(2)相关jar包:
google web tools (gwt-windows-1.5.3):下载地址: http://google-web-toolkit.googlecode.com/files/gwt-windows-1.5.3.zip
,下载后解压到C:\library待用
ext-gwt(gxt) 1.2.3:下载地址:http://extjs.com/products/gxt/download.php?dl=gxt123,下载后解压到c:\library待用
(3)GWT插件:
Eclipse Plugins for GWT:cypal.studio.for.gwt-1.0,下载地址为:http://cypal-studio.googlecode.com/files/cypal.studio.for.gwt-1.0.zip。解压后直接 Copy到 MyEclipse安装目录/plugins下即可。
2.配置自定义类库
打开windows->Preferences->java->build path->user libraries,建立两个类库取名为gwt-1.5 gxt-1.2,库gwt-1.5包括 gwt-dev-windows.jar和gwt-user.jar,库gxt-1.2包括gxt.jar和gwt-servlet.jar。 jar文件在c:\library解压的两个文件夹下。
3.配置 GWT Home目录
打开 Eclipse的 Window—Preferences—Cypal Studio 选择 Gwt的目录c:\library\gwt-windows-1.5.3(即gwt-windows-1.5.3解压的目录)。
如果没有出现Cypal Studio ,说明插件没有安装成功。必须放在正确的位置。同时,GWT Home,一定要选择在gwt-windows-1.5.3解压目录下,否则待建立module时jar找不到,同时有可能带来其他问题。
二.建立GWT项目
1. 新建一个动态 web项目, File—New—Other—Web—Dynamic Web Project,在 MyEclipse中Dynamic Web Project默认不显示,在show all wizards打上对勾即可。Configurations中选择 Cypal Studio for GWT,其他的默认即可。 注意,Target Runtime 一定要为<None>,不要选择服务器,如果选择了服务器,下一步运行的时候会出现异常。我试过用Myeclipse自带的web project,结果不能运行。
2. 建立Module模型
项目上点击右键 New—Other—Cypal Studio—Module,输入包名 org.gxt,类名 Test
工程建立后:
3.在Test.java的onModuleLoad() 方法中加入Window.alert("success");
package org.gxt.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;
public class Test implements EntryPoint {
public void onModuleLoad() {
Window.alert("success");
}
}
三、配置GWT运行环境
这里配置的是使用gwt自己的运行环境,不使用tomcat
run->open run dialog->GWT Hosted Mode Application,右键->new,选择project和module
点击apply应用
点击run运行
这时GWT就测试成功了,如果不需要gxt,就不需要继续下一步
四.配置ext-gwt
右键点击项目build path->add libraries->user library,选择gwt-1.5,gxt-1.2。
在Test.gwt.xml中加入(继承GXT):
<inherits name='com.extjs.gxt.ui.GXT'/>
在Test.html中加入(默认样式表):
<link rel="stylesheet" type="text/css" href="css/ext-all.css"/>
配置完毕,下边运行测试,更改Test.java
package org.gxt.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.extjs.gxt.ui.client.widget.Window;
public class Test implements EntryPoint {
public void onModuleLoad() {
Window window=new Window();//相当于html的div
window.setSize(500,300);//设置高度和宽度
window.setHeading("success");//设置标题
window.setPlain(true);//设置透明
window.show();
RootPanel.get().add(window);
}
}
再次运行,结果如下:
参考:
http://extjs.com/helpcenter/index.jsp
http://www.iteye.com/topic/287923
分享到:
相关推荐
NULL 博文链接:https://29436649.iteye.com/blog/644323
GXT 学习的好书, 帮助你尽快进入GXT.
GXT Cascade ComboBox Samples
gxt初学进阶教程,教你一步一步使用gxt,容易上手,例子很详细
浪曦原创]GXT系列+第1讲+GXT_GWT的安装.
这是GTA4里的源文件american.gxt
贡献一个GXT项目给大家,希望对大家有所帮助!
gwt 文件上传 gxt文件上传
gxt-api-2.2.1帮助文档 。
GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo ...
extjs gwt gxt 学习资源 ajax技术
gxt-api-2.2.5 sdk doc 即ext-gwt api doc
GWT,GXT的JAR包以及源代码,需要的朋友可以下载。 谷歌推出的WebUI的JAVA的库。谢谢大家下载
一步一步教你新建GXT(EXT-GWT)项目
本资源是目前的最新版本(9/15/11) gxt的工具非常之少,在CSDN还有一个gxt-2.1.1(2/2/2010)链接就不提供了,大家根据需要选择下载。
gxt.jar
GXT2.2.4 GXT2.2.4 GXT2.2.4GXT2.2.4 GXT2.2.4 GXT2.2.4GXT2.2.4 GXT2.2.4 GXT2.2.4GXT2.2.4 GXT2.2.4 GXT2.2.4GXT2.2.4 GXT2.2.4 GXT2.2.4 jar
这个是官方的英文帮助,对大家开发有帮助。里面描述所有gxt 的类的用法
目前最适合gxt初学者学习的教程
gwt gxt 开发的项目。花了三、四个星期才写完的。