`
hideto
  • 浏览: 2683258 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Google Web Toolkit上手指南

    博客分类:
  • Java
阅读更多
目录
安装Google Web Toolkit
构建一个简单的程序
从零开始创建一个程序(不用Eclipse)
从零开始创建一个程序(使用Eclipse)

安装Google Web Toolkit
1,安装Java SDK
如果你没有安装最新版本的Java SDK,下载并安装Sun Java标准版本SDK
2,安装Google Web Toolkit
下载你的操作系统的Google Web Toolkit包
3,解压Google Web Toolkit包
在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包的samples/目录。每个例子都有一个你可以以hosted模式运行的脚本和一个你可以将它编译成JavaScript和HTML来以web模式
运行的脚本。

以Hosted模式运行
为了以hosted模式运行Kitchen Sink例子,进入samples/KitchenSink/目录并运行KitchenSink-shell脚本。这将打开具有Kitchen Sink程序在其中运行的GWT浏览器:

既然你以hosted模式运行,程序将运行在Java Virtual Machine(JVM)里。这是你将用来debug你的程序的典型模式。

以Web模式运行
为了以模式运行,通过运行KitchenSink-compile脚本来编译程序。GWT编译器将从Kitchen Sink Java源代码在www/子目录生成一些JavaScript和HTML文件。
为了查看程序,在你喜欢的浏览器里打开www/com.google.gwt.sample.kitchesink.KitchenSink/KitchenSink.html文件。

既然你已经编译了项目,你现在将在IE,Firefox或者Safari里运行纯JavaScript和HTML。
如果你想以产品部署Kitchen Sink例子项目,你将发布你的www/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.") {

将第二个string从"Introduction to the Kitchen Sink."改为"Foo bar":
return new SinkInfo("Info", "Foo bar") {

现在保存文件,并再一次运行KitchenSink-shell脚本来启动你最近更改的程序(确认你首先关闭了你的老的hosted模式浏览器窗口,否则新的hosted浏览器不会
启动)。现在最上面的tab应该为"Foo bar"而不是"Introduction to the Kitchen Sink":


从零开始创建一个程序(不用Eclipse)
GWT自带一个称为applicationCreator的命令行工具,它自动生成你将需要来开始一个GWT项目的所有文件。它也可以生成Eclipse项目文件并为简单的hosted
模式debugging启动配置文件,这在下面描述了。
基于推荐的GWT项目结构,你的主要的GWT项目类应该在一个子包client下。你可以使用以下命令创建一个新的称为MyApplication的项目:
applicationCreator com.mycompany.client.MyApplication

applicationCreator脚本将在src/com/mycompany/生成一些文件,src/com/mycompany/client/MyApplication.java类包括一些基本的"Hello, world"功能。
该脚本也生成了一个称为MyApplication-shell的hosted模式启动脚本和一个称为MyApplication-compile的编译脚本,类似于上面的例子程序。
运行MyApplication-shell脚本来以hosted模式运行你新创建的程序:

试着编辑src/com/mycompany/client/MyApplication.java和src/com/mycompany/public/MyApplication.html来看看它怎样更改你的程序。

从零开始创建一个程序(使用Eclipse)
GWT自带一个称为applicationCreator的命令行工具,它自动生成你将需要来开始一个GWT项目的所有文件。它也可以生成Eclipse项目文件并为简单的hosted
模式debugging启动配置文件。为了给一个新的程序生成一个Eclipse项目,首先使用projectCreator脚本来为你的程序生成一个shell Eclipse项目:
projectCreator -eclipse MyProject

然后像上面描述的那样生成你的GWT程序,但是需要一个额外的指定你的Eclipse项目名的-eclipse标志:
applicationCreator -eclipse MyProject com.mycompany.client.MyApplication

当你完成这些脚本,除了MyApplicatio-shell和MyApplication-compile脚本,你应该在你的当前目录看到.project,.classpath和MyApplication.launch文件。
为了在Eclipse中打开你的项目,启动Eclipse并点击File->Import菜单。在wizard的第一个screen中选择"Existing Projects into Workspace",并在wizard的
下一个screen里输入你生成.project文件的目录。当你完成这些,你应该看到你的GWT项目载入到了你的Eclipse workspace:

点击窗口上面的绿色的"Run"按钮来以hosted模式启动你的项目。
分享到:
评论

相关推荐

    Google Web Toolkit 入门

    ### Google Web Toolkit (GWT) 入门指南 #### 一、引言 随着网络技术的发展,用户对Web应用的期望越来越高,不仅要求其功能强大,还希望具有良好的交互性和用户体验。为此,一种名为Ajax(Asynchronous JavaScript...

    Google Web Toolkit API 文档

    Google Web Toolkit(GWT)是Google推出的一款开源的JavaScript开发框架,它允许开发者使用Java语言来编写前端Web应用。GWT API文档是开发者理解和使用GWT进行开发的重要参考资料,提供了全面的技术指南和API参考。 ...

    Beginning Google Web Toolkit From Novice to Professional

    《从新手到专业:Google Web Toolkit入门指南》一书由Bram Smeets、Uri Boness和Roald Bankras合著,于2008年出版。本书旨在为初学者提供一套全面的学习路径,帮助他们掌握Google Web Toolkit(GWT)的使用技巧,...

    GWT in Action, Second Edition 完整版

    《GWT in Action, Second Edition》是一本全面、实用且权威的Google Web Toolkit指南,无论你是刚刚接触GWT的新手还是希望深入了解这一强大框架的专业人士,都能从中获益匪浅。本书不仅覆盖了GWT的基础知识和技术...

    JWebPro: A Java Web Processing Toolkit-开源

    压缩包中的"JWikiDocs"可能是JWebPro的文档集合,包括用户指南、API参考、示例代码等,帮助开发者快速上手和深入理解JWebPro的用法。通过阅读这些文档,用户可以学习如何配置项目、调用各种功能,并解决在实际使用...

    Apress - Beginning Java Google App Engine (December 2009) (ATTiCA).pdf

    - **Google Web Toolkit (GWT)**:一种用于构建和优化复杂Web应用程序的开发工具包,可以将Java代码转换成高性能的JavaScript代码,从而实现Ajax功能。 - **集成外部服务**:书中还讨论了如何让Web应用与Salesforce....

    Ext GWT 2.0 Beginner’s Guide

    Ext GWT是基于Google Web Toolkit(GWT)的一个高级用户界面库。GWT本身是一种用于创建和优化复杂Web应用程序的开发工具包,它允许开发者用Java编写代码,然后将其转换成高度优化的浏览器JavaScript。Ext GWT在GWT的...

    RIA开发框架 SmartGWT.zip

    SmartGWT 是一个基于Google Web Toolkit (GWT) 的开源项目,它为开发者提供了一套丰富的用户界面组件库,用于构建富互联网应用程序(Rich Internet Applications, RIA)。SmartGWT 的核心目标是简化GWT的使用,提升...

    gwt文档整理

    GWT,全称为Google Web Toolkit,是Google推出的一款开源的Java开发工具,旨在帮助开发者创建高性能、跨浏览器的富互联网应用程序(RIA)。本文档整理涵盖了GWT的基础知识、安装步骤、开发指南和技术文档,旨在为GWT...

    gwt揭秘_pdf

    《GWT揭秘》是一本专为想要深入了解Google Web Toolkit(GWT)的初学者准备的指南。GWT是一个由Google开发的开源框架,它允许开发者使用Java语言来编写客户端的Web应用程序,然后自动编译成JavaScript,使得在浏览器...

    saiku-documentation.pdf

    Saiku项目是由Tom Barber和Paul Stoellberger于2008年创立的,最初被称为Pentaho分析工具,Saiku是从OLAP4J库的一个基本的GWT(Google Web Toolkit)包装器开始的。经过多年的演变,尤其是在2010年的一次完全重写后...

    gwt-dev-2.6.0-rc4.zip

    标题 "gwt-dev-2.6.0-rc4.zip" 暗示这是一个与 Google Web Toolkit (GWT) 开发相关的压缩包,版本为 2.6.0 的 Release Candidate 4。GWT 是一个由Google开发的开源工具,它允许Java开发者使用Java语言编写前端Web...

    GWT开发者手册v2

    【GWT开发者手册v2】是一份旨在帮助新入职员工快速掌握Google Web Toolkit (GWT) 技术的培训文档。GWT是一个开源框架,它允许开发者使用Java编写Web应用程序,然后将Java代码编译为JavaScript,使得这些应用能够在...

    GAE for java

    在创建过程中,可以选择基于Java Servlet API或GWT(Google Web Toolkit)。 3. **应用开发**:根据项目需求,选择合适的开发框架和技术栈。GAE for Java支持多种Java API和框架,如Java Servlet API和GWT等。 4. **...

    gwt-ext开发文档

    GWT(Google Web Toolkit)和Ext GWT (GWT Ext)是两个与Web应用程序开发相关的技术。GWT是由Google开发的一个开源工具包,允许开发者使用Java语言来编写客户端的Web应用,然后通过编译器将其转换成优化过的JavaScript...

    jqm4gwt-standalone-1.3.5.zip

    《jqm4gwt-standalone-1.3.5.zip》是一个开源项目的压缩包,主要包含jqm4gwt的插件,该插件专为整合jQuery Mobile和GWT(Google Web Toolkit)设计,目的是为了让开发人员在GWT应用中能够方便地使用jQuery Mobile的...

    firefox10.0.1及gwt-dev-plugin

    “GWT-Dev-Plugin”则指的是Google Web Toolkit (GWT) 的开发插件。GWT是一个由Google开发的开源工具包,允许Java开发者使用Java语言来编写前端Web应用,然后自动编译成优化过的JavaScript代码,从而在浏览器上运行...

Global site tag (gtag.js) - Google Analytics