GWT揭秘[试读]

1995 年底，Netscape 发布了 Navigator 2.0 版本，它加入了一个重要的特性：可以在页面中嵌入JavaScript 语言。在 Navigator 2.0 发布前，Netscape 将这种新语言命名为 LiveScript，但最终发布时却使用了 JavaScript 这个名字，因为 Netscape 想借助 Java 这门当时最炙手可热的语言迅速走红。Navigator 2.0 发布后，Web 程序员们立刻喜欢上了这门新语言。使用JavaScript 能够在网页中实现用户输入信息的校验工作，比如检查 E-Mail 的地址格式是否正确，核对密码和校验密码是否一致等。在当时... 查看全部[ JavaScript 的银弹 ]

2006 年 5 月 GWT 发布第一个版本，至今已过去整整三个年头了。在国外，GWT 已经被越来越多的开发人员所接受。JBoss 将 GWT 作为其中间件产品的核心组成部分；Seam 2.1 框架将集成GWT；白宫网站使用 GWT 框架来建设 OpenForQuestions 子站。ExtJS 发布基于 GWT 的 GXT 框架库。jQuery 宣布将开发基于 GWT 的 jQuery 版本。这些信息明确表达出 GWT 被越来越多的主流厂商和 AJAX 社区所接受。 相对于国外的火爆，GWT 在国内还未被大多数 Web 开发人员所认识。通过百度搜索 GWT 关键字，我们只得到大约 76... 查看全部[ 为什么写这本书 ]

本书适合所有具备一定 Java 基础的 Web 开发人员阅读。... 查看全部[ 本书面向的读者 ]

本书分为四个部分共 15 章。这四个部分分别是：准备篇、基础篇、实战篇和高级篇。 准备篇介绍如何搭建 GWT 的开发环境，并通过一个入门示例解析 GWT 项目的创建、运行调试、测试和发布的过程。 基础篇介绍开发 GWT 应用的基础知识。讲解 GWT 模块的概念、作用以及配置方法；GWT 如何与 JavaScript 对象交互；JavaScript 本地接口的三种使用方式；GWT 中操作 XML 的方法；控件的介绍、使用及自定义控件的开发；调用远程服务器方法，使用 Hibernate 对数据库进行 CURD 操作等几个知识面。基础篇的最后一章引入 EXT 框架的 GWT 版本（EXT-G... 查看全部[ 如何阅读本书 ]

本章内容 GWT 模块详解 模块入口点 模块继承 附加 CSS 和 JavaScript 路径配置 延迟绑定 发布 JAR 深入研究 1.1 安装 JDK 开始开发 GWT 应用程序之前，需要做一些准备工作。Java 环境对于开发 GWT 应用是必不可少的。GWT 需要 Java 5 以上的版本。㊀ 提示 GWT 的调试器依赖 32 位的 SWT 界面库。要在系统上调试 GWT 项目，必须安装 32 位JDK。当然在 64 位 JDK 环境中也可以编译 GWT 项目。最新的 Mac 系统，Java 6 只提供 64 位JDK。调试 GWT 项目需要额外安... 查看全部[ 1.1 安装 JDK ]

开发 GWT 只需要 JDK。但有个好的开发环境可以极大提高工作效率。Eclipse 是最流行的 Java集成开发环境。Google 提供了 GWT 的 Eclipse 开发插件。目前 Google 提供的插件只支持Eclipse 3.3 以上版本。 打开网址 http://www.eclipse.org/downloads/，进入到 Eclipse Downloads 页面选择下载 Eclipse IDE for Java EE Developers。下载完成后得到一个 zip 包。Eclipse 是绿色软件，解压后就能使用。... 查看全部[ 1.2 安装 Eclipse ]

GWT 1.6 发布的时候，Google 同时发布了 Google Plugin for Eclipse。安装后，可以方便地在Eclipse 中创建、运行、调试项目和进行单元测试等工作。最新版本的 Google 插件中包含 GWT SDK 1.7 版，安装插件后就不再需要下载单独的 GWT SDK 了。 在 Eclipse 的“Help”菜单下选择“Software Updates…”，打开 Software Updates and Add-ons 对话框，选择“Available Software”面板，如图 1-1 所示。 查看全部[ 1.3 安装 GWT 1.7 的 Eclipse 插件 ]

使用 GWT 2.0 的开发人员需要独立下载最新版本的 GWT 2 SDK， GWT 2.0 不再有平台特殊性，也就是说任何操作系统平台使用的都是相同的 SDK。将下载的 zip 文件解压至任意目录。在本书的例子中，我们将其解压至 c:jee gwt-2.0.0-rc1 中。 接着为 Eclipse 安装 GWT 2.0 的插件，GWT 2.0 的插件需要有 Eclipse Web Standard Tools （WST）插件的支持，可以到 Eclipse 官方网站下载独立的 WST 插件，或者直接下载安装 Java EE Developers 版本的 Eclipse... 查看全部[ 1.4 安装 GWT 2.0 的 SDK 以及 Eclipse 插件 ]

AJAX 程序的本质是动态修改 DOM 和 Style。能够查看浏览器中 DOM 状态，将十分有助于程序的开发和调试工作。... 查看全部[ 1.5 辅助工具 ]

Internet Explorer Developer Toolbar 是微软提供的工具。可以查看 IE 中 DOM 状态，查找 DOM元素，动态修改 DOM 属性及 Style。 进入 http://www.microsoft.com，搜索 Internet Explorer Developer Toolbar 关键字，就能找到下载页面。安装后，选中 IE 的“查看”→“浏览器栏”→“IE Developer Toolbars”菜单项，打开“IE Developer Toolbar”界面，如图 1-7 所示。 查看全部[ 1.5.1 Internet Explorer Developer Toolbar ]

Firebug 是 Firefox 的插件。可以查看和修改 Firefox 中 DOM 的状态。使用 Firefox 访问https://addons.mozilla.org/zh-CN/firefox/addon/1843 安装 Firebug。安装后 Firefox 状态栏里增加了“Firebug”按钮。单击按钮打开 Firebug 界面，如图 1-8 所示。
... 查看全部[ 1.5.2 Firebug ]

开发 GWT 应用，既可以在命令行编译，也可以在 Eclipse中开发。Eclipse 的开发插件是由Google 公司官方提供的，为开发工作带来了极大的方便。当然，除了 Eclipse 外，使用 NetBeans 等标准 Java IDE 工具配合 Ant 也能很方便地开发 GWT 应用。... 查看全部[ 1.6 小结 ]

本章内容 在 Eclipse 中创建项目 运行调试项目 JUnit 测试 发布网站 ANT 发布 软件开发类图书通常会从 Hello World 开始，本书也不免俗。Hello World 程序简单易懂，消除读者对技术的恐惧，而且能引领读者快速上手。那么，请卷起你的袖子，让我们立刻开始创建一个Hello GWT 应用吧。Hello GWT 的功能很简单，通过程序在一个空白页上动态添加一个按钮，单击按钮后弹出“Hello GWT!”对话框。 2.1 在 Eclipse 中创建项目 说明 GWT 项目可以通过命令行和Eclipse插件两种... 查看全部[ 2.1 在 Eclipse 中创建项目 ]

选中 HelloGWT 项目文件夹，单击运行按钮，如图 2-4 所示。 单击运行按钮（Run As…）后，打开“Run As”对话框。双击“Web Application”项运行项目，如图 2-5 所示。
... 查看全部[ 2.2 运行调试项目 ]

敏捷开发用测试驱动开发（TDD）进行自动化回归测试和连续集成来保证项目质量。JUnitJava 社区著名的开源自动化测试软件。GWT 可以用 JUnit 进行自动化测试。 说明 命令行下使用 junitCreator 为项目增加 JUnit 支持。 先把 JUnit 库添加到 HelloGWT 项目中。右键单击 HelloGWT 项目文件夹，选择“Properties”菜单项， 打开“Properties for HelloGWT ”对话框。 单击“Java Build Path ”配置项 ，选择“Libraries”面板，如图 2-13 所示。 查看全部[ 2.3 JUnit 测试 ]

在 Eclipse 中发布网站有以下两种方式： 单击 Eclipse 运行按钮，在受控运行环境的工具条上单击“Compile/Browse”按钮，如图 2-8 所示。等待片刻后 GWT 项目编译完成，IE 窗口被自动打开，程序在 IE 浏览器中以普通模式运行。 单击 Google toolbar 中的“GWT Compile Project”按钮，打开“GWT Compile”对话框，全部采用默认设置，单击“Compile”按钮编译项目。 编译结果会输出到 war 输出目录文件夹中，将 war 改名后部署到 j2ee 服务器中，就能直接使用。我们将 war 目录改名为 hel... 查看全部[ 2.4 发布网站 ]

2.4 节提到的发布网站是指在集成开发环境中发布。大型项目需要用 ANT 自动构建，GWT 项目使用 ANT 进行构建分两个步骤：第一步，用 javac 编译项目中的服务器端代码，将编译结果复制到 WEB-INF/classes 目录中；第二步，用 GWT 编译器将 GWT 模块编译成 JavaScript。 GWT 用 com.google.gwt.dev.Compiler 进行编译，Compiler 类存放在 gwt-dev-windows.jar 中。 下面给出一个编译 GWT 项目的 ANT 模版文件，如代码清单 2-5 所示。 代码清单 2-5 编译 GWT 项目所使用的... 查看全部[ 2.5 ANT 发布 ]

很多人都觉得开发 GWT 应用很复杂，但是自从官方的 Eclipse 插件发布后，这一情况已明显改观。在本章中，通过简单的鼠标点击，就能创建出一个基本的 GWT 应用。在下面的章节中，将带领读者进一步了解 GWT 内部机制。... 查看全部[ 2.6 小结 ]