版权许可

Creative Commons LicenseThis work is licensed under a Creative Commons License.

订阅

Feed
让您不再错过每一篇文章!

2006年12月14日星期四

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


编写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应用跑了起来,挺好!



没有评论: