`

gxt在tomcate6上运行配置

    博客分类:
  • GXT
阅读更多

上一篇介绍了gxt简单入门,运行环境实在GWT自带的环境下,那么如何在tomcate下运行呢?毕竟使用tomcate大有人在。一起来动手吧。

一、构建环境
下载:tomcat6.x。下载、解压后,添加到eclispe中即可。(这个步骤不用说了,对吧?).
其他步骤一样,即添加GWT插件及配置 GWT Home目录,具体步骤请参阅上一篇文章吧。

二、编写简单实例

1、新建一个动态 web项目
同上篇不用的是:
(1)、Target Runtime 必须选择刚配置的tomcate服务器,而不能是<None>;
(2)、Dynamic Web Module Version 必须为2.4,不能为2.5,否则 Configuration 就无法选择了。
(3)、Configuration中选择 Cypal Studio for GWT,不能为<custome>,具体如下:





由上图可以看出与上一例子的不同之处了吧,千万不要出错哦。否则例子很难运行哦。

2、创建 Module模型
项目上点击右键 New—Other—Cypal Studio—Module,输入包名 org.gxttom,类名 Test
3、在/WEB-INF/lib下加入gxt.jar
4、在Test.gwt.xml中加入:
  <inherits name='com.extjs.gxt.ui.GXT'/>
5、在Test.html中加入默认样式表:
  <link rel="stylesheet" type="text/css" href="css/ext-all.css" />
6、编写Test:
在Test.java中onModuleLoad()方法中加入测试代码,如下:

Java代码

  • package org.gxttom.client;  
  • import com.extjs.gxt.ui.client.widget.Window;  
  • import com.google.gwt.core.client.EntryPoint;  
  • import com.google.gwt.user.client.ui.RootPanel;  
  • 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);      
  •     }  
  • }   package org.gxttom.client;import com.extjs.gxt.ui.client.widget.Window;import com.google.gwt.core.client.EntryPoint;import com.google.gwt.user.client.ui.RootPanel;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);   }}
    好了,现在是时候让它在tomcate下运行起来了。
    三、在tomcate下运行
    准备好上面的步骤以后,点击工具栏上Project->Build Automatically,取保能自动编译,同时点击Project->clean,把工程clean一遍。如果弹出错误窗口,



    先不要管。点ok就可以
    等clean完成以后。可以看到工程下build中自动生成了很多文件,如图:





    看到build下面的Test.html了吗?点击右键Run As-->Run On Server,即在服务器上运行了。呵呵,效果图:


    当然,如果build下面没有文件出现的话,我的解决方法是把工程从tomcate下移除掉,把自动编译Build Automatically取消掉,再clean工程,等工程clean之后,再手动编译工程,多试几次,就可以了。
  • 分享到:
    评论
    1 楼 wolfandlili 2010-05-18  
    tomcat tomcate?

    相关推荐

      gxt初学进阶教程

      此外,可以通过配置Eclipse来让项目在jetty或tomcat服务器上运行,但在使用tomcat运行时,客户端代码可能无法进行断点调试。 ### GXT的组件和功能 ExtGWT提供了一系列的组件,使得开发人员能够构建出界面丰富、交互...

      一步一步教你新建GXT项目

      Eclipse会启动内置的Tomcat服务器,并在浏览器中打开你的应用。 8. **测试与调试**:GWT提供了一个超级终端(Super Dev Mode),允许你在浏览器中实时编辑和查看代码变化。在Eclipse中,右键项目,选择`Google` -&gt; ...

      GWT_EXT项目配置全过程

      1. 运行Web应用:在Eclipse中右键点击项目,选择"Run As" -&gt; "Web Application",Eclipse会自动启动内置的Tomcat服务器,并在浏览器中打开你的应用。 2. 调试GWT应用:使用GWT的开发模式,可以在浏览器中直接调试...

      springandgxtsample

      源码部分可以帮助读者理解如何在实际项目中应用Spring MVC和GXT,而工具可能包括构建脚本、IDE配置文件等,帮助开发者快速搭建环境。 在文件名称列表中,我们看到"springmvc",这可能是该项目的核心模块,包含...

      hellogwt:使用 Maven、Spring、GWT、Hibernate 和 NetBeans 开发的示例应用程序

      它的灵感来自 Alex Tretyakov 在 2012-08-30 上写的文章 。 该项目是使用 GWT cli-tool 创建为“Maven 项目”的。 然后添加、注释和修改来自 hellogwt 的文件以使用 SQLite 而不是 MySQL 运行。 脚步 这些是步骤:...

    Global site tag (gtag.js) - Google Analytics