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!

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值