GWT-EXT项目配置说明

1       安装说明

1.       MyEclipse安装；MyEclipse_6.0.1或MyEclipse_6.0版本

2.       安装GWTDesigner_v5.0.0_win32_x86.exe，请关闭MyEcplise再安装

3.       注册keygeno.zip，解压keygeno.zip

运行keygeno.jar，弹出运行界面如下图：

 

       Name:随便输入

       MAC address:输入您电脑MAC address,方法如下：开始—>运行—>cmd—>ipconfig/all

 

输入完成点击：Generate 按钮，提示：License file "Instantiations.license" created.在keygeno.jar目录下会产生Instantiations.license文件，将此文件Copy到C:/Documents and Settings/All Users目录下

4.       启动MyEcplise,第一次运行MyEcplise需要注册，注册方法如下：

运行SWT&Swing.Designer_Window.Builder.Pro_v6_for_Eclipse3.2_Keygen/Keygen.jar，或者SWT&Swing.Designer_Window.Builder.Pro_v6_for_Eclipse3.2_Keygen/Win32.bat

 

输入，Serial Number 和Activation Key

其他项可随意填写

以上步骤完成即可在MyEcplise中新建GWT项目

 

2       在MyEcplise中新建GWT项目

1.       启动MyEcplise

2.       File—New—>project

 

3.       Next

 

4.       Next

 

5.       Next

 

6.       finish

 

设置ClassPath，右键点击项目

 

Configure Build Path

 

选择Libraries选项卡，点击Add External JARS加入gwtext.jar包，点击OK

项目建好后目录结构如下图：

 

 

7.       新建GWT Module，右键点击项目名，Goole Web Toolkit—>GWT module弹出

 

Finish之后目录结构如下

 

8.       加载gwtext的信息到module中，方法如下：

在上图public目录下新建目录js/ext/目录，将ext-2.0.2的resources，adapter两个目录以及ext-all.js文件copy到新建的js/ext/目录下

 

9.       修改：ImageViewer.gwt.xml文件

 

增加黑底部分文字

 

10.   修改ImageViewer.html文件

 

增加黑底部分文字

    <link rel="stylesheet" type="text/css" href="js/ext/resources/css/ext-all.css"/>

       <link rel="stylesheet" type="text/css" href="js/ext/resources/css/xtheme-aero.css" />

       <script type="text/javascript" src="js/ext/adapter/yui/yui-utilities.js"></script>

       <script type="text/javascript" src="js/ext/adapter/yui/ext-yui-adapter.js"></script>

       <script type="text/javascript" src="js/ext/ext-all.js"></script>

 

11.   打开ImageViewer.java文件就可以进行图形界面设计了design

 

3       GWT国际化语言

1.       开始—>运行—>cmd 将目录转换到GWT_HOME，执行i18nCreator -out GWTJAVADemo/ -overwrite com.ghl.project.client.Constants命令；

参数说明：-out 你的GWT项目名

          -overwrite com.ghl.project.client.Constants，多语言的常量类

2.       以上命令执行后会产生如下图目录及文件

 

 

 

打开Constants.properties文件，删除里面所有内容，然后加入下图信息

 

运行GWTJAVADemo/Constants-i18n.cmd，可以自动从新更新Constants.java文件；

新建其他语言的properties文件：

 

将这些生成的文件copy到你需要调用多语言的对应项目

3.       使用方法：

a．在java代码里用以下方法获取多语言信息

Constants constants = (Constants) GWT.create(Constants.class);

constants.username()

b．在项目的*.gwt.xml配置文件中加入

    <extend-property name="locale" values="zh_CN" />

    <extend-property name="locale" values="zh_TW" />

 

4.       运行GWT项目，默认是Constants.properties中的语言

 

5.       地址栏输入http://localhost:8080/com.ghl.project.TestView/TestView.html?locale=zh_CN，页面显示的则是Constants_zh_CN.properties中的语言

 

 

其它语言可依次添加；

 

4       GWT项目部署

1.       安装的Tomcat

2.       设置TOMCAT_HOME环境变量

3.       在TOMCAT_HOME/webapps/目录下构建一个如下图的文件目录，其中test名可以换成其它的

 

 

4.       编译你的GWTProject项目，会出现一些目录如下图

 

 

5.       copy文件

a.       copy上图中www—>com.ghl.project.TestView—>js文件夹到TOMCAT_HOME/webapps/test/目录

b.       copy

 

文件到TOMCAT_HOME/webapps/test/WEB-INF/lib/目录下

6.       新建目录

在TOMCAT_HOME/webapps/test/目录下新建你所开发的模块名字

7.       修改delopy.cmd文件

 

图说明：

a.       D:/temp/GWTJAVADemo是你的GWT项目路径

b.       D:/temp/GWTJavaDemo/www/WEB-INF/classes是你GWT项目编译的classes路径

 

8.       运行delopy.cmd

 

9.       启动TOMCAT服务，在浏览器中输入Http://localhost:8080/test/模块名/

 

10.   后续开发，只需要在MyEcplise中编译自己的GWT工程模块，停止TOMCAT服务，然后运行delopy.cmd，再重新启动TOMCAT服务

 

以上文件可在//wt_tomcat_web_spring_hibernate_lib中找到

5       GWT 重定向redirect

Java里写javascript代码

方法1：

public native void redirect(String url)/*-{

    top.location = url;   

    }-*/;

 

方法2：

public native void redirect(String url)/*-{

    $wnd.location = url;

    }-*/;