GWT工程架构详解

一、GWT技术简介

    1.AJAX技术介绍

           Ajax是 Asynchronous JavaScript and XML（以及 DHTML 等）的缩写，由 XHTML、CSS、JavaScript、XMLHttpRequest、XML等技术组合而成，是当前Web 应用开发领域的热门技术，用于创建更加动态和交互性更好的Web 应用程序，提升用户的浏览体验。

        Ajax的核心是 JavaScript 对象 XmlHttpRequest。XmlHttpRequest处理所有服务器通信的对象，是一种支持异步请求的技术。简而言之，XmlHttpRequest 使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。 

    2、GWT技术介绍

          Google Web Toolkit (简称 GWT) 是 Google 推出的 Ajax 应用开发包，GWT 支持开发者使用 Java 语言开发 Ajax 应用。GWT 提供了一组基于 Java 语言的开发包，这个开发包的设计参考 Java AWT包设计，类命名规则、接口设计、事件监听等都和 AWT 非常类似。

        使用Eclipse开发GWT应用需要准备环境。1）Eclipse3.3或以上版本；2）需要JDK1.4或者以上的版本；3）需要GWT的webtoolkit目前最新的版本是1.6.1；4）需要GWT SDK目前的最新版本是2.4。

二、GWT工程架构详解

           新建一个GWT工程，会得到如下的结构：

      

1.sru目录存放源代码；

2.client目录存放的是UI代码，即界面代码，会被编译成JavaScript代码嵌入页面进行调用；

        3.server目录存放的是服务端代码；

4.shared目录存放的是页面校验代码，会被编译成JavaScript代码；

5.test目录存放的是测试代码；

6.war存放的是发布信息。

在包名的根目录下面会有一个以gwt.xml结尾的文件，这是gwt工程的配置文件，详细信息如下所示：

<?xml version="1.0" encoding="UTF-8"?>
<module rename-to='mygwtdemoprj'>
	<!-- rename-to重命名：使用了rename-to='mygwtdemoprj'
	编译后的GWT信息会存放到mygwtdemoprj文件夹下，
	 如果没有使用rename-to='mygwtdemoprj'
	 编译后的GWT信息则会存放到带包命名的文件下，如com.lanp.mygwtdemoprj
	 下面。-->
	 
  <!-- 每一个GWT工程都必须继承com.google.gwt.user.User，这是核心 -->
  <inherits name='com.google.gwt.user.User'/>

  <!-- 为本GWT应用指定风格，有标准的也有 Chrome 浏览器的。-->
  <inherits name='com.google.gwt.user.theme.clean.Clean'/>
  <!-- <inherits name='com.google.gwt.user.theme.standard.Standard'/> -->
  <!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> -->
  <!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/>     -->

  <!-- 如果还要继承其他模块就在这里继续添加，比如可以添加gwtext -->

  <!-- 指定本GWT应用的入口点类，要写全路径的类名 -->
  <entry-point class='com.lanp.client.MyGwtDemoPrj'/>

  <!-- 指定哪些目录下面的内容要GWT编译成JavaScript -->
  <source path='client'/>
  <source path='shared'/>

</module>

GWT应用前台与后台交互方式采用的是GWT RPC的形式进行一步交互。

三、推荐书籍

国外的是《Manning.GWT.in.Practice.Apr.2008.pdf》，国内的是《GWT揭秘》。

OK，TKS！