论坛首页 Web前端技术论坛

[原创]利用Google Web Toolkit(GWT) SDK 开发AJAX应用程序(1)

浏览 14112 次
该帖已经被评为良好帖
作者 正文
   发表时间:2006-11-20  
GWT

      编写AJAX应用程序往往让人头痛,JavaScript有不易调试。Google给出了解决这个问题另外的思路, 这就是Google Web Toolkit (GWT)。GWT 是一个Java 开发框架。在开发和调试AJAX 应用程序时,和其它的Java程序没有任何区别,选用什么样的Java 开发工具完全由自己的喜好所定。开发完毕以后要部署到生产系统中,GWT自带的编译器将Java应用程序编译成与浏览器兼容的JavaScript和HTML页面。

GWT的开发步骤为:

a. 在IDE 用Java语言编写和调试一个应用程序,当然啦,将用到的GWT库添加到IDE里。

b.使用GWT自带的Java2JavaScript编译器将上面写的东东编译成一堆JavaScript和HTML文件。

c.然后将这队文件发布到Web Server上。

d.瞧瞧是否支持大多数的浏览器,什么IE啦,Firefox啦,Netscape啦。一般情况下,不会费劲作额外工作的。

安装GWT:

a. 首先确定已安装JDK。没有安装,从Sun公司的网站上Download一个赶快安装上。

b.从http://code.google.com/webtoolkit/下载GWT。目前Stable Version 为1.1,支持Windows XP/2000以及Linux(GTK+2.2.1+) 操作系统。同时Version 1.2 RC1也提供下载。从网站上也看见,Version 1.2 RC1支持Mac OS X。这里,用Windows OS下的GWT。

c.用WinRAR或者Winzip 将gwt-window1-1.1.10.zip 解压到一个目录。

d.安装过程到此完工。

运行示例程序:

在安装的samples目录下,有一个Mail目录。

里面有两个文件:Mail-compile.cmd和Mail-shell.cmd。

双击Mail-shell.cmd文件,立即弹出两个WIndow,分别如图1和图2所示。

图1 GWT的Shell,提供一个绑定在8888端口上的服务

图2 Mail应用在浏览器的界面

看看界面是不是很Cool!是不是有这样的疑问,好像在哪见过?哦,好像也Google的Gmail一个风格。

再开一个FireFox浏览器瞧瞧,看看图3,嗯,也不错!

图3 在Firefox上的Mail 应用

区区几步就让AJAX应用跑了起来,挺好!

   发表时间:2006-12-12  
这个贴好像在哪里看过,应该不是lz原创的吧
0 请登录后投票
   发表时间:2006-12-12  
绝对是本人原创
0 请登录后投票
   发表时间:2006-12-21  
此例是GWT发行包的例程,Mail.
0 请登录后投票
   发表时间:2006-12-30  
对头!文章说了就是例程。
0 请登录后投票
   发表时间:2006-12-31  
GWT感觉挺酷的,可以像写swing一样编写ajax程序开发
现在开源了,有兴趣的朋友可以研究一下源码.
前一段日子研究了一小下,感觉它生成的东西有时候太过杂多,一个简单的应用生成生成一大堆文件...
0 请登录后投票
   发表时间:2006-12-31  
lighter 写道
GWT感觉挺酷的,可以像写swing一样编写ajax程序开发
现在开源了,有兴趣的朋友可以研究一下源码.
前一段日子研究了一小下,感觉它生成的东西有时候太过杂多,一个简单的应用生成生成一大堆文件...
Gmail,Google-Map都是已它为基础的,非常棒啊!
0 请登录后投票
   发表时间:2006-12-31  
我也把它荡下来了,只是没有时间详细看。
粗略看了一下,里面有swt-win32-3235.dll,所以我估计不是Swing,而是eclipse的SWT/JFace。
0 请登录后投票
   发表时间:2006-12-31  
大愚弱智 写道
我也把它荡下来了,只是没有时间详细看。
粗略看了一下,里面有swt-win32-3235.dll,所以我估计不是Swing,而是eclipse的SWT/JFace。
GWT是Google Web Toolkit的简称,是google专为简化ajax的编写而开发的,不是针对Desktop的,所以与Swing和SWT无关。
0 请登录后投票
   发表时间:2007-05-28  
既然来了就顺便说一下在www文件夹下有如下几种cache.html
0B0ADCCCE2B7E0273AD2CA032DE172D1.cache.html
0B0ADCCCE2B7E0273AD2CA032DE172D1.cache.xml
224EDC91CDCFD8793FCA1F211B325349.cache.html
224EDC91CDCFD8793FCA1F211B325349.cache.xml
546B5855190E25A30111DE5E5E2005C5.cache.html
546B5855190E25A30111DE5E5E2005C5.cache.xml
D802D3CBDE35D3663D973E88022BC653.cache.html
D802D3CBDE35D3663D973E88022BC653.cache.xml
其中每一种对应的是一种浏览器

0B0ADCCCE2B7E0273AD2CA032DE172D1 - Safari
224EDC91CDCFD8793FCA1F211B325349 – Mozilla or Firefox
546B5855190E25A30111DE5E5E2005C5 – Internet Explorer
D802D3CBDE35D3663D973E88022BC653 – Opera
我的邮箱是zhaoxin-21@163.com,
如果有gwt方面的疑问我很乐意帮助
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics