搭建gxt环境


最近对 gxt 有兴趣,它是一个 Rich Application Client,界面很漂亮,所以今 天试着搭建环境,让自己的一个程序起来。 我的是 gxt 是 gxt-2.2.0,gwt 是 gwt-2.0.4 版本。 介绍我的开发工具是 Myeclipse8.5,其实 Eclipse 就可以了,可能自己习惯 用 myeclipse 了。 1.gxt 就是 ext-gwt 的简称,它是依赖 GWT 的,所以需要安装 gwt,我们到这个网站下 载 gwt 的 eclipse 插件, http://code.google.com/intl/zh-CN/webtoolkit/download.html, 复制途中红色的地址,http://dl.google.com/eclipse/plugin/3.5,然后在 Myeclipse8.5 的配置管理中心,如下图所示: 点击 site,输入插件名次和 gwt for eclipse 的插件 url,如下图: 然后就下载安装插件,这过程需要一些时间。安装后,重启 IDE,你会看到如下图标, 表示安装成功了。 eclipse 或 myeclipse 的工具栏显示: 或在 myeclipse 的首选项菜单,看到 google 插件也表示刚才安装好了 gwt,这里我安装 的是 gwt2.0.4; 2.创建一个 web Application Project,直接点击工具栏上的“g”图标,或在菜单那 里选择“New” 到目前位置一个 gwt 项目已经创建完了 ,右键项目就可以运行了,其实可以参 考这里的, 写得很详细, http://code.google.com/intl/zh-CN/eclipse/docs/running_and_debugging_2_0.ht ml 3.把 GXT 整合到项目里面去,首先我们到这里下载, http://www.sencha.com/products/gwt/download.php 下载后解压,里面有一个 setup.txt 文件,跟着里面的说明就可以整合 gxt 了。 setup.txt 里面的内容大概如下: Quick Setup for Ext GWT 2.X =========================== Note : Ext GWT 2.X requires GWT 1.7+ or GWT 2.0+ (any build ending in "-gwt2.zip"). STEP 1 -> Create a Google Web Application Project project within Eclipse. Copy the contents of the /resources folder in the download to a {foldername} location within your war folder. Substitute {foldername} with the name of the folder you've created for resources within your war folder. STEP 3 -> Add the following stylesheet to your host page. STEP 3b -> If you are using Charts, add the following script to your host page. STEP 4 -> Add the following entry to you projects module xml file. STEP 5 -> Eclipse Setup (should be similar for other development environments) These instructions assume you have a existing project and launch configuration. 1. Add gxt.jar to the project. a. Right click on project name in 'Package Explorer'. b. Select 'Properties' from content menu. c. Select 'Java Build Path'. d. Select 'Libraries' tab. e. Add the gxt.jar either with 'Add JARs...' or 'Add External JARs...'. 2. Add GXT jar to launch configuration. a. Choose Run / Open Run Dialog. b. Select your appropriate launch configuration under 'Java Application'. c. Select the 'Classpath' tab. d. Add the gxt.jar to the classpath. 快速安装 gxt2.x 版本 ================= 第一步:创建一个 web 应用项目(我们已经创建好了) 第二步:复制 gxt 解压目录下的/resources 文件加到创建好项目的 war 目录下; 第三步:增加 css 的链接到主页面,这里我们加到 gxt01.html 里面;如果我们要使用图标的话,还需要复制 到 host page; 第四步:在项目的 Gxt01.gwt.xml 文件里面增加;第五步:把 gxt 解压目录中的 gxt.jar 通过 buidl-classpath 引人到项目里面去,至此已经成功整合了 gxt 了。 4.最后我们可以在里面编写我们自己的 java 代码了。 需要注意的一点是,gxt-2.2.0+gwt-2.0.4 整合会出现一个问题,我今天的主要 时间都浪费在这个问题上,是版本的一个 bug 吧。 需要在程序的入口点加入 @SuppressWarnings("unused") Java 代码 1. Layout junk = new AnchorLayout();//提前初始化 Layout 对象 就可以了。 最后的效果图:
还剩9页未读

继续阅读

下载pdf到电脑,查找使用更方便

pdf的实际排版效果,会与网站的显示效果略有不同!!

需要 3 金币 [ 分享pdf获得金币 ] 0 人已下载

下载pdf

pdf贡献者

aljazeeras

贡献于2013-06-12

下载需要 3 金币 [金币充值 ]
亲,您也可以通过 分享原创pdf 来获得金币奖励!
下载pdf