用GWT(GoogleWebToolkit)开发Ajax-你好，世界

用GWT(GoogleWebToolkit)开发Ajax-你好，世界


摘要: 本文中介绍的应用比起我们的第一个应用HelloWorld多了一个多语言处理。让界面中显示了中文。应用效果，将在应用页面显示一个按钮，点击时候显示"你好，世界"
关键字: GWT Google Web Toolkit Ajax 入门应用 中文处理
介绍：

GWT(GoogleWebToolkit)的多语言都用了不同的语言配置来实现，不是规范的实现，将无法编译应用，这也强制的限制了，开发过程的规范。假如直接在java文件中写入一些中文的，或是其他语言的，将无法生效。
实现过程

1、创建应用

如HelloWorld文中一样创建一个名字叫org.jmg.client.HelloChinese的应用。


2、添加多语言支持

用GWT(GoogleWebToolkit)i18nCreator.cmd org.jmg.client.HelloChinese来创建语言文件，执行后将会在org/jmg/client/目录创建一个HelloChinese.properties的文件。

输出如下:

Created file D:\gwttest\hellochinese\src\org\jmg\client\HelloChinese.properties

Created file D:\gwttest\hellochinese\HelloChinese-i18n.cmd

注意：不太明白为什么这里创建的properties文件为HelloChines.properties,而不是HelloChinesMessages.properties,通常我们习惯把对应的资源接口类定义为***Messages.properties.

先不与理会了，直接修改为HelloChinesMessages.properties好了。


3、添加一个接口
添加一个接口org.jmg.client.HelloChinesMessages extends com.google.gwt.i18n.client.Messages

package org.jmg.client;

import com.google.gwt.i18n.client.Messages;

public interface HelloChineseMessages extends Messages {

String message();

String button();

}


4、修改资源文件HelloChinesMessages.properties

message=\u4e16\u754c\uff0c\u4f60\u597d\uff01

button=\u70b9\u51fb

以上信息内容可以用java的native2ascii工具得到，

message=世界，你好！

button=点击


5、修改HelloChinese.java文件

修改其中的onModuleLoad方法

final HelloChineseMessages hcm = (HelloChineseMessages) GWT.create(HelloChineseMessages.class);

final Button button = new Button(hcm.button());

final Label label = new Label();

button.addClickListener(new ClickListener() {

public void onClick(Widget sender) {

if (label.getText().equals(""))

label.setText(hcm.message());

else

label.setText("");

}

});

6、编译

HelloChinese-compile.cmd

Output will be written into D:\gwttest\hellochinese\www\org.jmg.HelloChinese

Compilation succeeded


7、部署

复制www\org.jmg.HelloChinese文件夹下的所有文件到tomcat目录下webapps\hellochinese下。


8、运行测试:

运行tomcat ,访问

http://localhost:8080/gwt/hellochinese/HelloChinese.html

页面显示一段默认的说明，一个"点击"按钮

点击后显示”世界，你好！”





参考: GWT Google Web Toolkit Hello World Example Project

Interface Messages

来源：http://letup.blogspot.com/2006/09/gwtgooglewebtoolkitajax.html

评论

1 楼 jlj008 2007-04-06  

补充一点,还需要在gwt.xml文件中加上
<inherits name="com.google.gwt.i18n.I18N"/>
不然没法跑起来啊