Google Web Toolkit入门向导
目录
安装Google Web Toolkit
创建示例应用程序
从零开始创建应用程序(不使用Eclipse)
从零开始创建应用程序(使用Eclipse)
安装Google Web Toolkit
1.安装Java SDK。
如果您没有安装较新版本的Java SDK,请下载安装
Sun Java Standard Edition SDK
。
2.下载Google Web Toolkit。
根据您的操作系统类型,下载
Google Web Toolkit package
。
3.解压Google Web Tookit安装包。
在Windows下,您可以使用
WinZip
等解压缩工具解压
gwt-windows-1.3.3.zip
。在Mac和Linux系统下,您可以在命令行下使用类似如下的命令解压安装包
tar xvzf gwt-mac-1.3.3.tar.gz
。
4.安装过程结束,现在即可开始使用Google Web Toolkit。
GWT并没有安装程序,GWT运行所需的所有文件都包含在了解压后的目录中。使用GWT所需的主要应用程序是
applicationCreator
,下文中有关于它的详细描述。开始学习如何使用GWT的最简单的方法莫过于创建GWT中包含的示例应用程序了。
创建示例应用程序
所有的示例程序都在GWT安装包中的
samples/
目录里。每个示例中都包含了可以直接在
hosted mode
下运行的脚本和用来将代码编译成JavaScript&HTML在
web mode
中运行的脚本。
在Hosted Mode下运行
要在
hosted mode
中运行
Kitchen Sink
示例,进入
samples/KitchenSink/
目录,运行
KitchenSink-shell
脚本。运行着Kitchen Sink的GWT浏览器将被打开:
由于您是在
hosted mode
中运行应用程序,程序是在Java虚拟机(JVM)中执行的。这是您用来调试应用程序的典型环境。
在Web Mode下运行
要在
web mode
中运行应用程序,需要运行
KitchenSink-compile
脚本来编译应用程序。GWT编译器会将
www/
目录中的Kitchen Sink的Java源代码编译成JavaScript和HTML文件。使用您的浏览器打开
www/com.google.gwt.sample.kitchensink.KitchenSink/KitchenSink.html
可以查看编译后的应用程序。
由于您已经编译了整个工程,您现在是在运行着兼容IE,Firefox,Safari等浏览器的纯JavaScript和HTML。如果您需要部署Kitchen Sink示例程序到生产应用过程中,您需要将
www/com.google.com.google.gwt.sample.kitchensink.KitchenSink/
目录中的文件上传到web服务器上。
做一些修改
Kitchen Sink示例程序的源代码保存在
src/
目录中。关闭您的浏览器,使用文本编辑器打开
src/com/google/gwt/sample/kitchensink/client/Info.java
文件。26行是Kitchen Sink示例程序的第一个Tab(“Info”)的静态初始化方法:
return new SinkInfo("Info", "Introduction to the Kitchen Sink.") {
将
"Introduction to the Kitchen Sink."
改为
"Foo bar"
:
return new SinkInfo("Info",
"Foo bar"
) {
保存文件,再次运行
KitchenSink-shell
脚本来运行您修改后的应用程序(请确认您已经关闭了刚才的hosted mode浏览器窗口,否则新的hosted mode浏览器窗口将不能启动)。Tab的控件顶端应该显示“Foo bar”,而不是刚才的“Introduction to the Kitchen Sink”。
从零开始创建应用程序(不使用Eclipse)
GWT中包含了一个名为
applicationCreator
的命令行工具,这个工具可以自动生成您创建一个GWT工程所需的所有文件。它也可以生成
Eclipse
工程和运行配置文件从而更方便的在hosted mode下调试,详见下文所述。
根据推荐的
GWT项目结构
,您的GWT应用程序主类应该在
client
子包中。您可以使用这个命令创建一个名为MyApplication的应用程序:
applicationCreator com.mycompany.client.MyApplication
applicationCreator
脚本会在
src/com/mycompany/
目录中生成一些文件,包括在
src/com/mycompany/client/MyApplication.java
类中的一些基本的“Hello, world”功能。这个脚本同时生成名为
MyApplication-shell
的启动
hosted mode
脚本和一个名为
MyApplication-compile
的编译脚本(和上述示例应用程序一样)。
要以hosted mode运行您新创建的应用程序,请执行
MyApplication-shell
脚本:
您也可以尝试编辑
src/com/mycompany/client/MyApplication.java
和
src/com/mycompany/public/MyApplication.html
看看您应用程序如何变化。
从零开始创建应用程序(使用Eclipse)
GWT中包含了一个名为
applicationCreator
的命令行工具,这个工具可以自动生成您创建一个GWT工程所需的所有文件。它也可以生成
Eclipse
工程和运行配置文件从而更方便的在hosted mode下调试。要为一个新的应用程序创建Eclipse工程,首先使用
projectCreator
脚本为您的应用程序创建一个Eclipse工程。
projectCreator -eclipse MyProject
然后按照上述方法创建您的GWT应用程序,但是需要使用
-eclipse
参数来指定您的Eclipse工程名称:
applicationCreator -eclipse MyProject com.mycompany.client.MyApplication
当您完成这些脚本操作之后,作为
MyApplication-shell
和
MyApplication-compile
脚本的补充,在您的当前目录中应该能看到
.project
,
.classpath
和
MyApplication.launch
文件。
要在Eclipse中打开您的工程,运行Eclipse,点击File->Import菜单,在向导的第一步中选择“Existing Projects into Workspace”,并且在下一步中输入您创建
.project
文件的目录。完成之后,您应该可以看到GWT项目被加载到了Eclipse工作区中:
只需要点击窗口上部的绿色的“Run”按钮即可以hosted mode下运行您的应用程序。
转载请注明出处