GWT EXT 配置与例子DEMO
Eclipse的版本了3.6.0 hellos***。
安装GWT,首先要下有java,eclipse的环境。然后在Eclipse中安装Cypal studio插件
下载地址为:
http://code.google.com/p/cypal-studio/downloads/detail?name=in.cypal.studio.for.gwt-2.alpha..zip&can=2&q=
我这里选用最新版本 Cypal Studio for GWT(2.0 Alpha)
然后解压,将里面的两个文件拷贝到eclipse的plugins目录下面。这样Cypal-studio插件就安装成功了。这样在eclipse window preferences下面存在这样的目录:
点击 GWT Version,出现:
我add了一个新的gwt-windows-1.7.1,这个包的下载地址为:
http://download.csdn.net/source/2716473,不过需要积分哦
然后解压到指定目录即可.随后添加这个GWT Version。当然可以添加多个的。
这样安装环境就配置完成了。然后new 一个项目
这个GWT Project目录如下。
然后一步一步下去。
在这里多了个目录,js/ext这个包是从http://d.download.csdn.net/down/428676/hugejiletuhugejiltu
下载地址。拷贝过来的。
然后添加下面内容
在GwtModuleTest.gwt.xml文件中添加:
<inherits name="com.gwtext.GwtExt" />
<!-- GWTEXTDemo 工程 css 样式表,这里填写相对于 public 目录的相对路径 -->
<stylesheet src="DemoControlPanel.css" />
<!-- 如下三个是 GWTEXTDemo 工程应用的 ExtJs 的基本 JavaScript 文件和样式表 -->
<stylesheet src="js/ext/resources/css/ext-all.css" />
<script src="js/ext/adapter/ext/ext-base.js" />
<script src="js/ext/ext-all.js" />
在新建的GwtModuleTextTest.java文件中添加:
import com.google.gwt.core.client.EntryPoint;
import com.gwtext.client.widgets.Panel;
import com.gwtext.client.widgets.Viewport;
/**
* 使用EXT框架
* @author Administrator
*
*/
public class GwtModuleTextTestimplements EntryPoint {
public void onModuleLoad() {
Panel panel= new Panel();
panel.setTitle("Hello GWT-ext");
panel.setHtml("<b>Hello GWT-ext!</b>");
newViewport(panel);
}
注意要添加gwtext.jar在web-inf/lib目录下面,并添加到classpath中。
Gwtext.jar的下载地址为:
http://download.csdn.net/down/3218942/wangjiannuaa
里面的lib目录有gwtext.jar包。放到自已对应的目录即可。
或者在http://www.java2s.com/Code/Jar/GHI/gwtext.jar.htm下载。
最后运行这个例子。
得到如下界面:
GWT安装与学习
http://www.ibm.com/developerworks/cn/opensource/os-eclipse-ajaxcypal/
GWT--EXT学习:
http://www.ibm.com/developerworks/cn/java/j-lo-gwtext1/