GWT工程架构详解

绝地灬酷狼 2022-06-16 13:16 190阅读 0赞

**一、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工程，会得到如下的结构：

![Image 1][]![0_132816258882gd.gif][]

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'>
    	
    	 
      
      <inherits name='com.google.gwt.user.User'/>
    
      
      <inherits name='com.google.gwt.user.theme.clean.Clean'/>
      
      
      
    
      
    
      
      <entry-point class='com.lanp.client.MyGwtDemoPrj'/>
    
      
      <source path='client'/>
      <source path='shared'/>
    
    </module>

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

**三、推荐书籍**

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

OK，TKS！

[Image 1]: 
[0_132816258882gd.gif]: /images/20220616/b5c43684ac5b44519ddbbbdef4cb6a6e.png