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 运行
分享到:
相关推荐
总之,这个范例提供了一个全面的学习平台,帮助开发者深入理解如何在Eclipse环境下集成GWT、EXT JS和Struts2,以创建高效、交互性强的Web应用。对于想要提升Web开发技能,特别是对Java Web技术感兴趣的人来说,这是...
GWT是一个用于构建富互联网应用程序(RIA)的Java开发框架,而Eclipse是一个广泛使用的开源集成开发环境。当开发者遇到这种问题时,通常是因为配置不当或环境冲突导致的。 首先,我们需要了解GWT 2.0.4和Eclipse ...
通过安装这个插件,开发者可以在Eclipse环境中享受到无缝的GWT开发体验,包括代码提示、自动完成、项目模板以及上述的各种开发工具。这使得GWT的开发变得更为便捷和高效,降低了入门门槛,也提升了开发效率。
6. **GWT测试**:提供对JUnit测试的支持,可以在Eclipse环境中直接运行和管理GWT单元测试。 然而,描述中提到的“Software Updates有时候慢的叫人无法接受”可能是指使用Eclipse内置的更新机制来下载和安装插件时...
首先,我们需要在Eclipse环境中安装必要的插件和支持。按照以下步骤操作: 1. **启动Eclipse**,选择`Help > Software Updates > Find and Install`。 2. 在弹出的对话框中,选择`Search for new features to ...
在使用Google Plugin for Eclipse进行开发时,首先需要下载并安装Eclipse IDE,特别是Java EE版本,因为它包含了Graphical Editing Framework (GEF) 和 Eclipse Modeling Framework (EMF),这对于GWT插件是必需的。...
Eclipse是一款广泛使用的Java集成开发环境(IDE),而GWT的Eclipse插件则为开发者提供了在Eclipse内进行GWT项目开发的便利。 标题提到的“GWT eclipse4.4离线插件”是针对Eclipse 4.4版本的一个离线安装包,这对于...
通过以上步骤,开发者就能在Eclipse环境中愉快地进行GWT项目开发了。GWT插件提供了丰富的功能,包括代码编辑、编译、调试和模拟运行等,大大简化了基于Java的Web应用开发流程。同时,GWT Designer则提供了可视化设计...
通过上述步骤,你可以在Eclipse 3.7 (Indigo)中成功安装并配置GWT插件,为你的Web开发工作提供便利。GWT插件的安装不仅增强了Eclipse的功能,也极大地提高了开发效率,尤其是在处理复杂的Web应用程序时。如果你是GWT...
GWT Eclipse插件是针对Eclipse集成开发环境(IDE)的一个扩展,专门用于简化GWT应用的开发流程。在Eclipse 3.5版本中,GWT插件提供了丰富的功能,帮助开发者提高效率,减少手动配置的工作量。 **1. GWT简介** GWT的...
GWT(Google Web Toolkit)是Google...总之,这个"GWT Eclipse 4.4 插件包"为那些无法访问Google的开发者提供了一个完整的离线解决方案,让他们能够在Eclipse环境中无缝地开发GWT 4.4应用,享受Java带来的便利和效率。
标题中的“gwt调试环境配置.doc”指的是关于Google Web Toolkit(GWT)的调试环境设置的文档。GWT是一款由Google开发的开源JavaScript框架,它允许开发者使用Java语言编写前端应用,然后通过编译器将Java代码转换为...
GWT Eclipse插件是专门为Eclipse定制的扩展,它为开发者提供了在Eclipse环境中开发、测试和调试GWT应用的便利。Eclipse 3.4版本的GWT插件包含了针对该版本Eclipse的一系列优化和特性,使得开发者能够更加高效地进行...
Eclipse插件则是为了在Eclipse集成开发环境中更方便地进行GWT项目的开发和管理而设计的。 标题提到的“GWT Eclipse 3.3 插件”是指在Eclipse 3.3版本中使用的GWT插件。这个插件为开发者提供了丰富的功能,如代码...
Eclipse插件是GWT开发的重要组成部分,它为Eclipse IDE提供了集成的开发环境,使得程序员可以在熟悉的Eclipse环境中进行GWT应用的编写、调试和测试。 GWT Eclipse插件4.3版本是一个针对Eclipse IDE的扩展,它包含了...
GWT插件则是Eclipse集成开发环境(IDE)中的一个重要组成部分,它为GWT开发提供了方便的集成开发环境支持。 标题提到的是GWT插件的最新版本2.7,这是针对Eclipse 4.5(代号Mars)的一个更新。Eclipse Mars是2015年...
9. 一旦Eclipse重启,你就可以在“Window”菜单的“Preferences”中找到GWT的设置,配置GWT SDK路径,创建新的GWT项目,或者在现有项目中添加GWT支持。 在使用GWT进行开发时,有以下关键知识点: - **GWT Compiler...
总结来说,"gwt服务器端(内含配置教程)"指的是如何在Eclipse中配置和开发GWT应用,包括服务器端的设置和与客户端的交互。通过学习和实践这个主题,开发者可以掌握使用Java开发高效、跨平台的Web应用的技能。