从今天开始研究gxt (我也刚接触,大家一起提高,学习)也就是mygwt加入extjs阵营以后的新版本(gxt1.2),关于gxt(ext gwt)与gwt-ext的区别,请自行查阅相关资料.
再次说明:不是 研究gwt-ext,而是,Ext GWT(原名MyGWT)是一个开源的Google Web Toolkit的扩展,它帮助开发人员非常容易地创建AJAX Web应用。Ext GWT是100%基于GWT的,不需要任何额外的JavaScript或其他第三方jar。Ext GWT也是Ext JS的一个子项目。
Ext GWT: Rich Internet Application Framework for GWT:官方网站:http://extjs.com/products/gxt/,里面有很多丰富的例子和api文档。
一、构建eclispe开发环境
1、前期准备
(1)开发工具:
j2se6,正确安装及配置。
Eclipse Ganymede:eclipse V3.4,下载地址为:http://www.eclipse.org/ganymede/;解压直接使用。
(2)相关jar包:
gwt-windows-1.5.3:下载地址为:http://code.google.com/webtoolkit/versions.html;解压好待使用,本人直接解压到D盘,呆会要用到。
gxt1.2:下载地址:http://extjs.com/products/gxt/;解压好待使用。
(3)GWT插件:Eclipse Plugins for GWT:cypal.studio.for.gwt-1.0,下载地址为:http://code.google.com/p/cypal-studio/。解压后直接 Copy到 Eclipse安装目录/plugins下即可。
2、配置 GWT Home目录
打开 Eclipse的 Window—Preferences—Cypal Studio 选择 Gwt的目录(即gwt-windows-1.5.3目录)。

如果没有出现Cypal Studio ,说明插件没有安装成功。必须放在正确的位置。同时,GWT Home,一定要选择在gwt-windows-1.5.3解压目录下,否则待建立module时jar找不到,同时有可能带来其他问题。呵呵。我就有过莫名其妙的错误。
二、编写简单实例
1、新建一个动态 web项目, File—New—Other—Web—Dynamic Web Project,在 Configurations中选择 Cypal Studio for GWT,其他的默认即可。 注意,Target Runtime 一定要为<None>,不要选择服务器,如果选择了服务器,下一步运行的时候会出现异常,还得手动删除它,所以不要选择服务器,下一篇将介绍在tomcate6上运行配置。这里运行是在GWT自己的环境下运行。

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");
}
}
三、配置运行环境
选择 Run—Run Configurations—Gwt Hosted Mode Application,选择 New,新建一个运行实例new_gxt,在 Project中选择 Gxt, Module会自动选择所要运行的模型类Test.java。

点击Run,自动启动GWT运行环境:

ok,运行成功。
四、编写ext gwt 的window测试范例。
以上还没有用到gxt1.2文件夹中的东西,现在该用到它了。把WebContent文件夹删除掉,新建了一个lib文件夹,复制gxt.jar到lib下。

把lib/gxt.jar添加到Java Build Path里面

在Test.gwt.xml中加入(继承GXT):
<inherits name='com.extjs.gxt.ui.GXT'/>
在Test.html中加入(默认样式表):
<link rel="stylesheet" type="text/css" href="css/ext-all.css" />
ok,现在在Test.java中onModuleLoad()方法注释掉Window.alert("success");同时为避免出现重复,删除掉已经导入的com.google.gwt.user.client.Window包;添加gxt的com.extjs.gxt.ui.client.widget.Window;完整代码如下:
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);
}
}
再次运行New_Gxt(已经建立的运行环境), 想要的结果出现了,呵呵。

结果:

正确出现窗体,呵呵,成功。下一篇在tomcate6下配置,不用gwt自带的运行环境。

- 大小: 62.4 KB

- 大小: 62.1 KB

- 大小: 35.5 KB

- 大小: 41.1 KB

- 大小: 14.5 KB

- 大小: 62.5 KB

- 大小: 53.3 KB

- 大小: 12.8 KB

- 大小: 68.5 KB

- 大小: 52.4 KB

- 大小: 42.6 KB
分享到:
相关推荐
### ExtGWT、GWT与GXT初学教程:打造企业级富客户端Web应用 #### 构建初识:ExtGWT与GWT的协同工作 ExtGWT,作为GWT(Google Web Toolkit)的有力补充,旨在为Java开发者提供更为丰富、功能全面的组件库,从而构建...
### GXT开发指南:《Developing with ExtGWT: Enterprise RIA Development》解析 #### 一、概述 《Developing with ExtGWT: Enterprise RIA Development》是一本针对ExtGWT框架的专业指导书籍,旨在帮助Java开发者...
本"gwt入门项目代码"是一个很好的起点,适合初学者了解和学习GWT和GXT框架。这个项目中,你可以期待找到以下几个关键的知识点: 1. **GWT的基础概念**:理解GWT如何将Java代码转换为跨浏览器兼容的JavaScript,以及...
《Ext GWT 2.0 Beginner's Guide》是一本非常适合初学者入门的书籍,它不仅详细介绍了GXT的基本概念和技术要点,还提供了丰富的实践案例和最佳实践建议。无论是希望快速上手GXT的新手,还是想要深入了解GXT高级特性...
### 关于《Developing with Ext GWT Enterprise RIA Development》的知识点 #### 一、概述与背景 本书《Developing with Ext GWT Enterprise RIA Development》由Grant K. Slender编写,出版时间为2009年5月。本书...
1. **GWT入门教程**:对于初学者,资料可能涵盖GWT的基本概念、开发环境搭建(如Eclipse插件配置)、Hello World示例、MVP(Model-View-Presenter)设计模式的介绍,以及如何创建和运行第一个GWT项目。 2. **GWT...
另外,你将学习到如何利用GWT的Ext GWT(GXT)或SmartGWT等第三方库增强应用的功能,以及如何创建自定义的GWT模块和库。最后,高级教程可能会讨论GWT与HTML5和CSS3的集成,以充分利用现代浏览器的新特性。 总的来说...
在IT行业中,GXT(Ext GWT)是一个强大的JavaScript库,用于构建富互联网应用程序(RIA)。GXT提供了丰富的UI组件和强大的数据绑定机制,而RPC(Remote Procedure Call)和MVC(Model-View-Controller)模式是GXT中...