GWT简介 2006年8月

http://www.jtv.com.cn/html/jszx06.asp

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二者共享对象、互访成员变量的机制。

附记：当时写的文字更多的，主要是因为公司要搞测评，这是个整理到公司网站上的，实际的更多但是被我前几天删掉了。所以这更加说明要记录在网上，这样就不会说删除就删除了