用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
摘要: 本文中介绍的应用比起我们的第一个应用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