龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

解析Google Web Toolkit开发Ajax(1)

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
GWT是Google最近推出的一个开发Ajax应用的框架,它使程序员用Java同时开发客户端和服务器端的代码。 GWT的编译器会把用于开发客户端的Java代码转化成Javascript和Html,而程序员不用关心这

GWT是Google最近推出的一个开发Ajax应用的框架,它使程序员用Java同时开发客户端和服务器端的代码。

GWT的编译器会把用于开发客户端的Java代码转化成Javascript和Html,而程序员不用关心这一转换过程。这样程序员就可以在自己喜欢的Java IDE里面开发自己的Ajax应用程序。

GWT特性简介

1.动态,可重用的UI组件

GWT提供的组件库使用户可以很容易的开发出漂亮的UI, 每个组件对应于GWT的一个类。在本文的第二部分会比较详细的介绍GWT对UI的支持。

2.简单的RPC调用

使用GWT,可以方便的实现客户端和服务器端的通信,特别是使得异步通信变的非常简单。在本文的后面部分将对利用GWT进行RPC调用进行详细介绍。

3.更加方便的调试

由于在开发阶段不需要生成HTML截面,用户开发的代码实际上是在JVM上运行的,这样用户就可以用传统的调试Java代码的方法对程序进行调试,从而加快了调试的速度,减少了软件开发的时间。

4.浏览器兼容性

在大多数情况下,用GWT开发出来的程序会支持IE、Firefox、Mozilla、Safari和Opera,用户在开发的时候不必担心浏览器的兼容性问题。而浏览器的兼容性问题也是用直接用Javascript进行Ajax应用开发所面临的一个另程序员棘手问题。

5.可扩展性

如果你觉得GWT提供的API不能满足需求,你可以利用JSNI将Javascript语句直接嵌入至Java代码中。

用GWT进行UI开发

在本文的这一部分,我们将探讨一下GWT对UI开发的支持。在GWT中,包含我们进行Web开发所需要的大部分组件,比如按纽(Button),文本框(Text box)等。图一显示了部分GWT所支持的UI组件。从图片的显示效果来看,利用GWT可以做出非常漂亮的UI。

点击放大此图片

图一:GWT支持的部分UI组件

值得一提的是,在每个UI组件是必须放在一个称之为面板(Panel)的控件里面。而面板具有不同的风格,这也决定了UI的风格。图二显示了GWT所支持的部分面板。

点击放大此图片

图二:GWT支持的部分面板

在看过这些组件之后,我们接下来用一个实验来讲述怎样把UI组件添加到页面上。这个实验的最终结果是一个登录框界面。

精彩图集

赞助商链接