从今天开始研究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
分享到:
相关推荐
1. **组件库**:EXT-GWT提供了一套完整的组件库,如表格、树形视图、面板、按钮、表单、图表等,这些组件都具有高度可定制性和丰富的样式选项,可以满足不同设计需求。 2. **数据绑定**:框架支持双向数据绑定,...
gxt-2.1.1-gwt2gxt-2.1.1-gwt2gxt-2.1.1-gwt2gxt-2.1.1-gwt2gxt-2.1.1-gwt2gxt-2.1.1-gwt2gxt-2.1.1-gwt2gxt-2.1.1-gwt2gxt-2.1.1-gwt2gxt-2.1.1-gwt2gxt-2.1.1-gwt2gxt-2.1.1-gwt2
1. **组件系统**:EXT-GWT提供了丰富的组件库,如表格、树、表单、图表、面板、菜单等,这些组件都具有高度可定制性和可扩展性,能够满足各种界面需求。 2. **数据绑定**:GXT使用Model-View-Proxy(MVP)架构模式...
5. **添加EXT-GWT库**:EXT-GWT的库文件通常包含在`lib`目录下,将这些库文件导入到你的项目中,包括GXT的核心库、主题库和其他必要的扩展库。 接下来,我们将集成Google Maps API V3: 1. **获取API密钥**:访问...
EXT-GWT 2.2.0 API DOC (gxt) chm 版 。 2010年10月制作。完美的搜索功能。如果打不开,请选中它,点右键 看属性,选择解除锁定。别再抱怨打不开了。
EXT-GWT(GXT) 2.2.4 JAVA API DOC chm 版.完美的的搜索功能,支持全文检索。2011年11月制作。如果打不开,请选中它,点右键 看属性,选择解除锁定。别再抱怨打不开了。
gxt-2.2.3-gwt22.jar包,备份以自用。
gxt用jar包,2.25版本,我自己用过的,没问题,放在这里备份下~
解压下载的GXT 2.2.3,将`gxt-2.2.3-gwt22.jar`复制到`war/WEB-INF/lib`目录,并将其添加到类路径。同时,将GXT的资源文件(位于解压后的`resources`文件夹)复制到`war`目录下的`gxt`文件夹。 为了应用GXT的样式,...
EXT-GWT(GXT)是一种基于Google Web Toolkit (GWT) 的高级用户界面库,它提供了丰富的组件和样式,使得开发者能够构建出复杂的、企业级的Web应用。本篇文章将聚焦于如何在EXT-GWT中整合Spring框架和Hibernate ORM,...
EXT-GWT 2.2.3 API DOC (gxt) chm 版,完美的的搜索功能,支持全文检索。2011年3月制作。如果打不开,请选中它,点右键 看属性,选择解除锁定。别再抱怨打不开了。
gxt-2.2.4 EXT GWT Note : Ext GWT 2.X requires GWT 1.7+ or GWT 2.0+ (any build ending in "-gwt2.zip").
gxt的下载非常好,ext-gwt的下载非常好
EXT-GWT 2.2.2 API DOC (gxt) chm 版 。 2011年3月制作。完美的搜索功能。 如果打不开,请选中它,点右键 看属性,选择解除锁定。别再抱怨打不开了。
1. `gxt-javadoc.css`:这是样式表文件,用于格式化Javadoc生成的HTML文档,使其看起来更加整洁和易读。 2. `index-all.html`:这个通常是Javadoc的总索引页,列出了所有类、接口、枚举和注解的完整列表。 3. `...
### 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开发者...
在本文中,我们将深入探讨如何搭建GXT (GWT eXtensions) 2.2.0开发环境,并实现一个简单的程序运行。GXT 是一个基于Google Web Toolkit (GWT) 的JavaScript库,提供了丰富的用户界面组件和强大的数据网格功能,广泛...
在【压缩包子文件的文件名称列表】中,"gwt+gxt"可能表示的是包含GWT和GXT库的JAR文件,例如GWT的gwt-user.jar、gwt-dev.jar以及GXT的gxt.jar、gxt-theme-neptune.jar等。这些JAR文件通常需要添加到项目的类路径中,...