GWT(http://code.google.com/webtoolkit)是Google Web Toolkit 的简写。它是google公司发布的基于java语言开发Web2.0应用的工具包。使用GWT开发web应用,只需要编写Java代码来构造传统的通过 HTML来构造的web界面组件。而在与后台交互方面,GWT也实现了对ajax的封装。
我们可以使用任何java开发工具来编写基于GWT的java web应用代码。现在已经提供gwt开发便利性支持的开发工具有Eclipse、Intelij Idea等。java代码通过gwt自带的编译器编译完成后,将生成支持Internet Explorer、Mozilla、Opera、Safari等主流浏览器的JavaScript代码。
传统网页上的各种HTML组件在GWT上都有实现。HTML里面的onXxx事件在GWT里面是通过与java awt中事件/类似的方式来处理的。另外GWT也提供了布局管理器和一些常用的布局。通过这些功能,如同用java代码编写java界面程序一样,当我们 打开最终的html,就能看到通过java界面设计器设计的的界面。传统网页设计中,要实现多级菜单、消息框、树形结构等常见控件,通常要编写大量的 JavaScript代码并结合CSS来实现,而在GWT里面,只需要创建一个实例,再调用相关方法将文字和事件加上去就行了。
GWT开发分为web-mode和host-mode两种方式,分别对应产品发布模式和开发调试调试模式。web- mode调用GWTCompiler类将java代码编译为最终的javascript文件(实际是html文件,但html文件中只有几个html标 签,内容大部分是javascript代码)。打开html文件就能开到通过java设计的界面。host-mode调用GWTShell类,将启动 GWT内置的web服务器和web浏览器,用以调试应用,输出调试信息和堆栈信息。
GWT开发中必不可少的一个文件是.gwt.xml。GWT在将java代码转化为javascript时会根据该 文件的配置来执行便宜过程。该文件大致格式如下:
<module>
<inherits name="com.google.gwt.user.User"/>
<entry-point class="com.jtv.gwt.client.MyApp"/>
<source path=“client"/>
<public path="public"/>
<servlet path="/cmdService"
class="com.jtv.gwt.server.CommandServiceImpl" />
</module>
其 中:
Inherits指明继承模块,继承后可以共享资源,如js资源;必需项,内容是
"com.google.gwt.core.Core" 或inherit自它的model的名称;
entry-point指明页面载入时要做什么;必需项,内容是EntryPoint实现类的全名;
source 指明客户端代码的目录;默认是该xml所在目录下的client目录;
public指明公用文件的目录;默认是该xml所在目录下的public 目录;
Servlet只是host-mode时用到,指明访问的后台servlet的别名以及全名。
GWT为方便客户端服务器交互性开发,封装了远程过程调用(RPC),即现有开发方式中的ajax。用GWT开发RPC应用,不用再考虑java对象的序 列化和反序列化问题,GWT会自动将java类序列化为字符串传递到浏览器客户端,自动将浏览器客户端传回的字符串反序列化为java类的实例。RPC开 发必须遵循如下约定:
1、两个接口:A继承自RemoteService并定义一个方法,B的命名和方法需要与A保持一致
A:X1XxxxService.xxxMethod(X2..)
B:voidXxxxServiceAsync.xxxMethod(X2..,AsyncCallback callback)
2、AsyncCallback类处理反馈数据
AsyncCallback.onSuccess(Object) 中的参数就是X1的实例。即
XxxxService.xxxMethod 的返回值
3、Servlet继承自RemoteServiceServlet并实现A接口
应用开发完成并生成最终JavaScript代码后,用浏览器打开html文件,则会自动载入设计好的界面。界面载 入的流程是这样的:
1 a.html载入后,其中的gwt.js根据meta标签确定当前html对应的gw的modelName等信息;
2 在当前界面插入一个Iframe,地址是modelName.nocache.html。该html只负责判断浏览器类型,并将它的url转向为具体浏览 器对应的.cache.html文件;
3 .cache.html文件 "调用".gwt.xml中配置的EntryPoint的方法设定的操作,如添加界面控件、执行后台查询等;
4 当组件事件被用户触发后,或者直接处理或者与后台交互;
5 如果与后台交互,则将请求通过HttpRequest发送到servlet,servlet处理请求并返回结果;
6 AsyncCallback.onSuccess(Object)方法将返回结果展示给用户。
另外GWT还具备在java中书写JavaScript脚本($wnd,$doc)和java与 javascript二者共享对象、互访成员变量的机制。