gxt配置方法

kingwt 2011-09-14

最近对gxt有兴趣,它是一个RichApplicationClient,界面很漂亮,所以今天试着搭建环境,让自己的一个程序起来。

我的是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,输入插件名次和gwtforeclipse的插件url,如下图:

然后就下载安装插件,这过程需要一些时间。安装后,重启IDE,你会看到如下图标,表示安装成功了。

eclipse或myeclipse的工具栏显示:

或在myeclipse的首选项菜单,看到google插件也表示刚才安装好了gwt,这里我安装的是gwt2.0.4;

2.创建一个webApplicationProject,直接点击工具栏上的“g”图标,或在菜单那里选择“New”

到目前位置一个gwt项目已经创建完了,右键项目就可以运行了,其实可以参考这里的,

写得很详细,http://code.google.com/intl/zh-CN/eclipse/docs/running_and_debugging_2_0.html

3.把GXT整合到项目里面去,首先我们到这里下载,http://www.sencha.com/products/gwt/download.php

下载后解压,里面有一个setup.txt文件,跟着里面的说明就可以整合gxt了。

setup.txt里面的内容大概如下:

QuickSetupforExtGWT2.X

===========================

Note:ExtGWT2.XrequiresGWT1.7+orGWT2.0+(anybuildendingin"-gwt2.zip").

STEP1->CreateaGoogleWebApplicationProjectprojectwithinEclipse.

Copythecontentsofthe/resourcesfolderinthedownloadtoa{foldername}locationwithinyourwarfolder.

Substitute{foldername}withthenameofthefolderyou'vecreatedforresourceswithinyourwarfolder.

STEP3->Addthefollowingstylesheettoyourhostpage.

<linkrel="stylesheet"type="text/css"href="{foldername}/css/gxt-all.css"/>

STEP3b->IfyouareusingCharts,addthefollowingscripttoyourhostpage.

<scriptlanguage='javascript'src='{foldername}/flash/swfobject.js'></script>

STEP4->Addthefollowingentrytoyouprojectsmodulexmlfile.

<inheritsname='com.extjs.gxt.ui.GXT'/>

STEP5->EclipseSetup(shouldbesimilarforotherdevelopmentenvironments)

Theseinstructionsassumeyouhaveaexistingprojectandlaunchconfiguration.

1.Addgxt.jartotheproject.

a.Rightclickonprojectnamein'PackageExplorer'.

b.Select'Properties'fromcontentmenu.

c.Select'JavaBuildPath'.

d.Select'Libraries'tab.

e.Addthegxt.jareitherwith'AddJARs...'or'AddExternalJARs...'.

2.AddGXTjartolaunchconfiguration.

a.ChooseRun/OpenRunDialog.

b.Selectyourappropriatelaunchconfigurationunder'JavaApplication'.

c.Selectthe'Classpath'tab.

d.Addthegxt.jartotheclasspath.

快速安装gxt2.x版本

=================

第一步:创建一个web应用项目(我们已经创建好了)

第二步:复制gxt解压目录下的/resources文件加到创建好项目的war目录下;

第三步:增加css的链接到<linkrel="stylesheet"type="text/css"href="resources/css/gxt-all.css"/>主页面,

这里我们加到gxt01.html里面;如果我们要使用图标的话,还需要复制<scriptlanguage='javascript'src='resources/flash/swfobject.js'></script>

到hostpage;

第四步:在项目的Gxt01.gwt.xml文件里面增加<inheritsname='com.extjs.gxt.ui.GXT'/>;

第五步:把gxt解压目录中的gxt.jar通过buidl-classpath引人到项目里面去,

至此已经成功整合了gxt了。

4.最后我们可以在里面编写我们自己的java代码了。

需要注意的一点是,gxt-2.2.0+gwt-2.0.4整合会出现一个问题,我今天的主要时间都浪费在这个问题上,是版本的一个bug吧。

需要在程序的入口点加入@SuppressWarnings("unused")

Java代码

<STRONG>Layoutjunk=newAnchorLayout();//提前初始化Layout对象</STRONG>

Layoutjunk=newAnchorLayout();//提前初始化Layout对象就可以了。

最后的效果图:

相关推荐

kingwt / 0评论 2015-05-18