GWT工程架构详解

189人阅读 评论(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工程,会得到如下的结构:

      

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技术的一些理论性的东西,涉及到GWT得一些技术原理及实现。接下来笔者将通过创建一个GWT工程去理解分析GWT工程架构。     GWT工程架构解析  笔者使用的是E...
  • kiritor
  • kiritor
  • 2013-10-29 15:20:57
  • 2529

GWT工程架构详解

一、GWT技术简介     1.AJAX技术介绍            Ajax是 Asynchronous JavaScript and XML(以及 DHTML 等)的缩写,由 XHTML、C...
  • lanpiao_87
  • lanpiao_87
  • 2012-02-02 11:31:04
  • 8697

Hadoop多文件(目录)输出 以及MultipleInputs存在的问题

需求:在mapreduce中输出两张表,每张表对应一个目录, 格式要求snappy.parquet 通过代码来分析: MultipleInputs.addInputPath(Job job, Pa...
  • zpf336
  • zpf336
  • 2017-03-01 19:03:45
  • 1164

《GWT揭秘》连载3/3

《GWT揭秘》   书名:GWT揭秘作者:徐 彬ISBN:9787111294016丛书名:揭秘系列丛书出版社:机械工业出版社出版日期:2010 年1月 开本:16页码:320版次:1-1定价:49元...
  • xubin_sh
  • xubin_sh
  • 2010-03-26 17:19:00
  • 2832

Shell 常用命令

1. shell 获取当前脚本的路径 #!/bin/bash #获取当前执行文件路径 filepath=$(cd "$(dirname "$0")"; pwd) echo "filepath== "$...
  • zpf336
  • zpf336
  • 2015-11-25 12:46:44
  • 1955

GWT中的gwt.xml配置

如何定义个XML模块文件 模块是被定义于名为 gwt.xml.ModulName 的文件中。这个文件应改被放在你的工程的根目录。如果你的工程使用的GWT标准工程文件夹的结构,那么你的配置文件应该...
  • qq7342272
  • qq7342272
  • 2012-01-13 09:53:48
  • 1130

Hadoop源码分析之FileSystem

新建了一个Configuration对象之后,在调用Configuration.get()获取配置键值对时,如果Configuration对象的properities为null,就会默认加载CLASS...
  • guimingyue
  • guimingyue
  • 2013-12-14 14:58:46
  • 5899

数据库索引和约束

索引特征及概念 索引是最为常用的改善数据库性能的技术。SQL Server引入索引主要是为了提高查询的效率,它能够加速ORDER BY和GROUP BY子句的操作,保证数据的唯一性,并加快表连接的速...
  • zpf336
  • zpf336
  • 2015-01-04 22:14:15
  • 4131

Ubuntu 中挂载其它NFS服务器的文件系统

以前就听说过nfs服务,但是一直没有用,在学习制作根文件系统的时候,才算是真正用上它了,我感觉它还不错,通过它“挂载”制作好的根文件系统。它在嵌入式中的角色就用下面的一张图说明吧! 由图...
  • zpf336
  • zpf336
  • 2016-03-08 13:32:11
  • 2526
    个人资料
    等级:
    访问量: 44万+
    积分: 5367
    排名: 6316
    最新评论