GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]

GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]如何下载和配置请参考“ExtGWT2.0开发入门”,这个帖子是我第一次接触GXT(Ext-Gwt)时,通过Google搜索出来的,虽然按这个帖子把测试小例子调通了,但是仍是一头雾水,示例中加入的那些参数是干什么的,因

如何下载和配置请参考“Ext GWT 2.0 开发入门”,这个帖子是我第一次接触GXT(Ext-Gwt)时,通过Google搜索出来的,虽然按这个帖子把测试小例子调通了,但是仍是一头雾水,示例中加入的那些参数是干什么的,因为没注释,完全看不明白,让我走了不少弯路,现在以这篇帖子为基础,把我对GXT如何创建、配置、部署的心得整理一下。 




    我直接从创建项目开始整理,其实如何创建一个项目在从官网下载的gxt-2.1.1文件包中写得倒是蛮清楚的。(打开gxt2.1.1文件包可以看到setup.txt  在这个txt中其实已经写明了如何创建一个GXT项目,且每加入的一项参数都是干什么的了) 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]




GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]




以下是创建步骤 


1、 如果已经安装好了GXT的插件,则可以在eclipse3.4上看到,标红的那个 


(下载GWT插件,cypal.studio.for.gwt- 1.0。复制到eclipse的plugins目录下) 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]




2、 点击,并填入工程名,包名后,选择Finish即可创建成功一个新的工程了。 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


3、 实际上这个工程一经创建就是可以运行的,因为这个工程里相关的接口类和实现类都已经写好了,运行效果如下 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]




4、 现在在这个工程的基础上修改下 


(1)首先删除标红色框的这三个接口及实现类 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


(2)将GXT_test.java中的代码修改成下面这样,删除一些无关的代码和注释,只留下onModuleLoad()方法即可 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


(3)删除web.xml中的蓝色代码 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


(4)将gxt.jar包放到lib中 


(5)通过Properties—Java Build Path—Libraries中的Add JARs…来添加刚复制到lib中的gxt.jar包 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]




(6)将gxt2.1.1中的resources文件整个拷贝到war下 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]




GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


(7)在GXT_test.html中 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


添加下面的样式表,到主页面,当然主页面里删除了注释 


<link rel=”stylesheet” type=”text/css” href=”{资源文件名称}/css/gxt-all.css” /> 


如果需使用图表,则添加下面的脚本到主页面 


<script language=’javascript’ src='{资源文件名称}/flash/swfobject.js’></script> 


这里因为用不到图表,所以就加入上面的样式表就可以了 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]




(8)将下面这句添加到GXT_test.gwt.xml中 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


(9)好了,在GXT_test.java中写几行打开一个新窗口的代码,开能否正常跑起来 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


(10)看到一个窗口,则表示能够使用项目配置完成了,也能正常跑了。 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


   


(11) 如果想作些小demo则可以参考官方的小例子。直接打开explorer.html即可 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


这里的例子范围很广,如果能看明白一大半,以后作项目也就没什么问题了。 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]




5、 部署到Tomcat 


(1)选择带红框的图标,会弹出一个提示框,里面会有工程名称,选择好后,点击Compile,即可编译好 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


(2)编译成功后,在工程的war下多出了一个gxt_test 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]


 


(3)找到该工程的存放目录,直接将war文件夹,复制并粘贴到tomcat的webapps目录下即可 


GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]

 

转自:http://musicmmm.iteye.com/blog/687645


今天的文章GXT(Ext-Gwt)例子的创建、配置、部署心得[通俗易懂]分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/87420.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注