GWT工程架构详解

转载 2017年07月17日 16:49:13

一、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工程的配置文件,详细信息如下所示:

  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <module rename-to='mygwtdemoprj'>  
  3.     <!-- rename-to重命名:使用了rename-to='mygwtdemoprj'  
  4.     编译后的GWT信息会存放到mygwtdemoprj文件夹下,  
  5.      如果没有使用rename-to='mygwtdemoprj'  
  6.      编译后的GWT信息则会存放到带包命名的文件下,如com.lanp.mygwtdemoprj  
  7.      下面。-->  
  8.        
  9.   <!-- 每一个GWT工程都必须继承com.google.gwt.user.User,这是核心 -->  
  10.   <inherits name='com.google.gwt.user.User'/>  
  11.   
  12.   <!-- 为本GWT应用指定风格,有标准的也有 Chrome 浏览器的。-->  
  13.   <inherits name='com.google.gwt.user.theme.clean.Clean'/>  
  14.   <!-- <inherits name='com.google.gwt.user.theme.standard.Standard'/> -->  
  15.   <!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> -->  
  16.   <!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/>     -->  
  17.   
  18.   <!-- 如果还要继承其他模块就在这里继续添加,比如可以添加gwtext -->  
  19.   
  20.   <!-- 指定本GWT应用的入口点类,要写全路径的类名 -->  
  21.   <entry-point class='com.lanp.client.MyGwtDemoPrj'/>  
  22.   
  23.   <!-- 指定哪些目录下面的内容要GWT编译成JavaScript -->  
  24.   <source path='client'/>  
  25.   <source path='shared'/>  
  26.   
  27. </module>  

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

三、推荐书籍

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



OK,TKS!

相关文章推荐

GWT工程架构详解

一、GWT技术简介     1.AJAX技术介绍            Ajax是 Asynchronous JavaScript and XML(以及 DHTML 等)的缩写,由 XHTML、C...

使用maven创建一个简单的gwt工程

(1)文件树 TodoListApp ├── pom.xml └── src └── main ├── java │   └── org │   └── gwtproject │   └── tuto...

maven创建的简单的gwt工程源码

  • 2016年12月27日 22:35
  • 293KB
  • 下载

架构之净室工程

  • 2017年11月18日 13:23
  • 5.25MB
  • 下载

通向架构师的道路(第十九天)使用maven构建Spring工程

通向架构师的道路(第十九天)使用maven构建Spring工程

一个简单的struts架构工程

  • 2014年05月05日 19:33
  • 19KB
  • 下载

maven架构工程

  • 2013年02月07日 13:46
  • 91KB
  • 下载

javaEE之JPA、EJB、JSF架构工程

按照星爷的视频教程架构JPA+EJB+JSF工程主要有以下几步: 1、服务器架构: 按照本人之前的《javaEE之eclipse+jboss搭建开发环境》方法搭建好的开发环境,添加server时要...

软件工程-三层架构

  • 2012年10月30日 17:22
  • 5KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:GWT工程架构详解
举报原因:
原因补充:

(最多只允许输入30个字)