`

GWT + Eclipse 环境配置

阅读更多
    GWT-Ext是Google Web Tookit(GWT)带给我们的一组伟大的widgets,当前最新的GWT版本是1.7。

在以下的步骤中,我描述了建立一个GWT 1.7的工程并把它配置为GWT-Ext的必要操作:
1 安装google plugin for eclipse http://code.google.com/eclipse/docs/getting_started.html

2 使用plugin创建一个简单的GWT应用:
      Select File -> New -> Web Application Project from the Eclipse menu.
      In the New Web Application Project wizard, enter a name for your  project   (e.g. MegaDeth) and a java package name, e.g., com.megadeth.Take the tick out of the Use Google App Engine tick box.
Click Finish.

3 运行应用程序:
       Right click it in package explorer and select Run As -> Run Configurations
  Put a tick in the Automatically Select Unused Port tickbox.
  Click Run to see the default GWT 1.7 application

4 下载gwtext-2.0.5.zip, 解压缩之后将gwtext.jar 拷贝到项目的\WEB-INF\lib路径下。

5 在工程的war路径下建立一个js路径。

6 下载ext-2.0.2.zip,解压缩之后将其中的内容拷贝到js路径。

7 右键点击项目,选择刷新,让eclipse显示出新的jar包,和js路径。

8 添加gwtext.jar进入项目:

      Right click on the project in package explore
      Select Properties -> Java Build Path -> Libraries.
      Click Add JARs, navigate to gwtext.jar in the project and double click it.
      Click OK to close the properties dialog.

9 在项目的gwt.xml 文件中加入以下行:
      <inherits name='com.gwtext.GwtExt' />
      <stylesheet src="../js/ext-2.0.2/resources/css/ext-all.css" />
      <script src="../js/ext-2.0.2/adapter/ext/ext-base.js" />
      <script src="../js/ext-2.0.2/ext-all.js" />

10 按照以下方式改变项目的进入点:

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.gwtext.client.widgets.Panel;

public class MegaDeth implements EntryPoint
{
public void onModuleLoad()
{
  Panel mainPanel = new Panel();  
  mainPanel.setTitle("Hello World!");
  mainPanel.setHeight(300);
  mainPanel.setWidth(500);  
  RootPanel.get().add(mainPanel);
}
}

11 从项目的html文件中删除以下行:

    <h1>Web Application Starter Project</h1>

    <table align="center">
      <tr>
        <td colspan="2" style="font-weight:bold;">Please enter your name:</td>       
      </tr>
      <tr>
        <td id="nameFieldContainer"></td>
        <td id="sendButtonContainer"></td>
      </tr>
    </table>

12 运行

分享到:
评论

相关推荐

    GWT+EXT+STRUTS2+Eclipse完整范例.rar

    总之,这个范例提供了一个全面的学习平台,帮助开发者深入理解如何在Eclipse环境下集成GWT、EXT JS和Struts2,以创建高效、交互性强的Web应用。对于想要提升Web开发技能,特别是对Java Web技术感兴趣的人来说,这是...

    gwt2.0.4+eclipse3.6创建web application project项目后无法运行的原因分析

    GWT是一个用于构建富互联网应用程序(RIA)的Java开发框架,而Eclipse是一个广泛使用的开源集成开发环境。当开发者遇到这种问题时,通常是因为配置不当或环境冲突导致的。 首先,我们需要了解GWT 2.0.4和Eclipse ...

    gwt for eclipse 3.7/3.6

    通过安装这个插件,开发者可以在Eclipse环境中享受到无缝的GWT开发体验,包括代码提示、自动完成、项目模板以及上述的各种开发工具。这使得GWT的开发变得更为便捷和高效,降低了入门门槛,也提升了开发效率。

    GWT Eclipse 3.6 插件

    6. **GWT测试**:提供对JUnit测试的支持,可以在Eclipse环境中直接运行和管理GWT单元测试。 然而,描述中提到的“Software Updates有时候慢的叫人无法接受”可能是指使用Eclipse内置的更新机制来下载和安装插件时...

    Ext + Gwt + Struts2.0开发2

    首先,我们需要在Eclipse环境中安装必要的插件和支持。按照以下步骤操作: 1. **启动Eclipse**,选择`Help &gt; Software Updates &gt; Find and Install`。 2. 在弹出的对话框中,选择`Search for new features to ...

    Ext + Gwt + Struts2.0开发1

    在使用Google Plugin for Eclipse进行开发时,首先需要下载并安装Eclipse IDE,特别是Java EE版本,因为它包含了Graphical Editing Framework (GEF) 和 Eclipse Modeling Framework (EMF),这对于GWT插件是必需的。...

    GWT eclipse4.4离线插件

    Eclipse是一款广泛使用的Java集成开发环境(IDE),而GWT的Eclipse插件则为开发者提供了在Eclipse内进行GWT项目开发的便利。 标题提到的“GWT eclipse4.4离线插件”是针对Eclipse 4.4版本的一个离线安装包,这对于...

    关于GWT的Eclipse插件安装

    通过以上步骤,开发者就能在Eclipse环境中愉快地进行GWT项目开发了。GWT插件提供了丰富的功能,包括代码编辑、编译、调试和模拟运行等,大大简化了基于Java的Web应用开发流程。同时,GWT Designer则提供了可视化设计...

    eclipse 3.7 安装 gwt

    通过上述步骤,你可以在Eclipse 3.7 (Indigo)中成功安装并配置GWT插件,为你的Web开发工作提供便利。GWT插件的安装不仅增强了Eclipse的功能,也极大地提高了开发效率,尤其是在处理复杂的Web应用程序时。如果你是GWT...

    GWT Eclipse 3.5 插件

    GWT Eclipse插件是针对Eclipse集成开发环境(IDE)的一个扩展,专门用于简化GWT应用的开发流程。在Eclipse 3.5版本中,GWT插件提供了丰富的功能,帮助开发者提高效率,减少手动配置的工作量。 **1. GWT简介** GWT的...

    GWT Eclipse 4.4 插件包

    GWT(Google Web Toolkit)是Google...总之,这个"GWT Eclipse 4.4 插件包"为那些无法访问Google的开发者提供了一个完整的离线解决方案,让他们能够在Eclipse环境中无缝地开发GWT 4.4应用,享受Java带来的便利和效率。

    gwt调试环境配置.doc

    标题中的“gwt调试环境配置.doc”指的是关于Google Web Toolkit(GWT)的调试环境设置的文档。GWT是一款由Google开发的开源JavaScript框架,它允许开发者使用Java语言编写前端应用,然后通过编译器将Java代码转换为...

    GWT Eclipse 3.4 插件

    GWT Eclipse插件是专门为Eclipse定制的扩展,它为开发者提供了在Eclipse环境中开发、测试和调试GWT应用的便利。Eclipse 3.4版本的GWT插件包含了针对该版本Eclipse的一系列优化和特性,使得开发者能够更加高效地进行...

    GWT Eclipse 3.3 插件

    Eclipse插件则是为了在Eclipse集成开发环境中更方便地进行GWT项目的开发和管理而设计的。 标题提到的“GWT Eclipse 3.3 插件”是指在Eclipse 3.3版本中使用的GWT插件。这个插件为开发者提供了丰富的功能,如代码...

    GWT eclipse插件4.3版本离线安装包

    Eclipse插件是GWT开发的重要组成部分,它为Eclipse IDE提供了集成的开发环境,使得程序员可以在熟悉的Eclipse环境中进行GWT应用的编写、调试和测试。 GWT Eclipse插件4.3版本是一个针对Eclipse IDE的扩展,它包含了...

    GWT插件最新版2.7配合eclipse4.5(Mars)

    GWT插件则是Eclipse集成开发环境(IDE)中的一个重要组成部分,它为GWT开发提供了方便的集成开发环境支持。 标题提到的是GWT插件的最新版本2.7,这是针对Eclipse 4.5(代号Mars)的一个更新。Eclipse Mars是2015年...

    Eclipse GWT 4.4插件离线安装包

    9. 一旦Eclipse重启,你就可以在“Window”菜单的“Preferences”中找到GWT的设置,配置GWT SDK路径,创建新的GWT项目,或者在现有项目中添加GWT支持。 在使用GWT进行开发时,有以下关键知识点: - **GWT Compiler...

    gwt 服务器端(内含配置教程)

    总结来说,"gwt服务器端(内含配置教程)"指的是如何在Eclipse中配置和开发GWT应用,包括服务器端的设置和与客户端的交互。通过学习和实践这个主题,开发者可以掌握使用Java开发高效、跨平台的Web应用的技能。

Global site tag (gtag.js) - Google Analytics