关闭

GWT工程架构详解

169人阅读 评论(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!

0
0
查看评论

GWT工程架构详解

通过GAE(Google App Engin)新建一个GWT工程,会得到如下的结构: 目录结构说明如下: 1)       sc目录存放源代码; 2)      &#...
  • bingjie1217
  • bingjie1217
  • 2013-12-04 09:45
  • 840

GWT 项目创建

GWT项目创建工具GWT主要提供了四种创建GWT项目的命令行工具。分别是: projectCreator appliationCreator i18nCreator junitCreator GWT projectCreator 支持Eclipse IDE 会生成·.class和.pro...
  • qq_29329775
  • qq_29329775
  • 2015-12-04 16:50
  • 688

GWT运行框架简介

     GWT有3部分组成。第一部分是编译部分,它负责将java程序转换成js程序。第2部分是调试部分,该部分可以在不编译的情况下调试GWT应用程序。这2个部分都是纯java的。最后还有一部分是运行框架,它是以js的形式存在的,可以直接在浏览器中运行。它负责应用程序可...
  • wongtseng
  • wongtseng
  • 2006-10-25 16:16
  • 2244

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

(1)文件树 TodoListApp ├── pom.xml └── src └── main ├── java │   └── org │   └── gwtproject │   └── tutorial │   ├...
  • zgrjkflmkyc
  • zgrjkflmkyc
  • 2016-12-27 22:44
  • 616

GWT MVP 学习笔记

GWT MVP 学习笔记   在GWT的在线文档中只看 《GWT Development with Activities and Places》就可以了,这是2.1中新推出的做法,结合考虑了浏览器的前进、后退、书签/收藏、直接输入URL,以及页面跳转前的用户确认,比较全面。   其中提到的《 L...
  • u010419967
  • u010419967
  • 2014-12-26 12:34
  • 909

GWT开发 - 开发环境搭建 Maven+Eclipse+Tomcat

1.创建GWT Maven项目 2.安装必要的Eclipse插件 2.1 Maven Integration for Eclipse (m2e) 支持Java maven项目。 2.2 Maven Integration for Eclipse WTP 2.3 Google...
  • neuandustbneo
  • neuandustbneo
  • 2012-12-24 01:15
  • 4566

如何创建一个基于Maven的SmartGWT项目

如何创建一个基于Maven的SmartGWT项目
  • wang465745776
  • wang465745776
  • 2016-09-19 11:06
  • 3140

GWT开发 - 创建GWT Maven Project

使用工具创建GWT Maven Project有两种方式,使用GWT Command-line Tools和Maven GWT Plugin。 1. 使用GWT Command-line Tools创建maven project 要使用webAppCreator命令, 运行 webAppCr...
  • neuandustbneo
  • neuandustbneo
  • 2012-12-03 00:45
  • 3006

OutOfMemory Error:PermGen space终极解决方案

<br />由于一直在用gwt开发项目,了解gwt的都知道,在运行gwt项目时,由于需要首先将java代码编译成js代码,所以会消耗很大的内存。于是,OutOfMemory Error:PermGen space错误成了家常便饭。为了能解决这个问题,我在网上找了很多方法,但每次我都无功而...
  • fhm727
  • fhm727
  • 2011-05-11 16:05
  • 2740

GWT 实现文件上传和下载

上星期老师叫我学写一个fileupload 和 download ,琢磨了很久~~ 代码网上很多,关键跑出来有效果 是很纠结人的。。整理一下吧。upload:(推荐一本书 《Google Web Toolkit 开发实战》 第九章有详细的说明 )首先下载两个包 commons-fileupload-...
  • rptotal
  • rptotal
  • 2011-02-28 16:41
  • 6850
    个人资料
    • 访问:378681次
    • 积分:4843
    • 等级:
    • 排名:第7063名
    • 原创:134篇
    • 转载:250篇
    • 译文:6篇
    • 评论:34条
    文章分类
    最新评论