使用GWT开发AJAX应用程序

下载本文示例代码
　　一、 引言　　如果你是一个Java软件和Ajax开发者，那么，Google Web Toolkit（GWT）应该已经引起你的关注。　　Google公司已经于2006年5月在Apache许可协议下发布了这种免费的开发工具包。GWT的设计目的是为了简化用Java语言开发Ajax应用程序。Google初始发行的beta版本可以适用于Windows和Linux平台，并许诺稍后要发行一个Mac OS X版本。　　本文将探讨在Mac OS X上使用GWT和熟悉的Java工具，例如Apache Ant，Tomcat 5.0 servlet容器和IntelliJ IDEA集成开发环境开发一个简单的Ajax应用程序的完整过程。　　注 本文假定读者具有一定的Java和Ant使用基础。　　二、 与GWT一起使用Ant　　我下载的是GWT的Linux beta版本，并选用Java开发应用程序，然后使用一个Ant构建文件进行编译，最后在一个Tomcat 5.0实例上发布该应用程序。注意，这个Ant文件运行的是GWT Java-to-JavaScript编译器。其实，这个“编译器”只是一个执行一个GWT Java类的命令行脚本，该Java类负责为应用程序编写JavaScript。　　使用GWT beta包括两种开发方式：主机方式和web方式。　　主机方式是使用一个嵌入式的GWT浏览器和中间开发步骤；在这个方式中，你的编译代码继续运行于一个Java虚拟机(JVM)中。然而，主机方式无法应用于我们这些使用Linux版本操作系统的Mac OS X用户。只有Google发行了一个Mac OS X版本，我们才可以使用主机方式。　　三、 不同风格的Web开发　　在创建远程过程调用(RPC)服务的同时，本文将详细讨论一些典型的GWT开发者可能面对的web开发有关的任务。RPC是一个软件模型的一部分，主要为使用面向服务的架构（SOA）的应用程序而设计。这些开发任务包括：　　· 使用一个构建文件(构建运行GWT编译器，然后发布编译器的输出，并且把你的服务器端的Java类文件发布到一个servlet容器，例如Tomcat，Jetty或Resin)来自动化开发和发布步骤。　　· 使用Firefox的DOM Inspector来观察由该GWT应用程序生成的HTML。　　· 重新设置页面中的各部件而不必存取内在的HTML(既然你在使用GWT的Java API)。　　· 确保HTML是有效的标记，例如，你的组织可能需要基于一个特别的XHTML文档类型。　　四、 服务功能　　首先，我将简短描述本文示例应用程序要创建的服务，设计这个示例是为了展示GWT使用的模型。　　该应用程序在浏览器中显示一个表单，要求用户输入他们的姓名、年龄和原籍国家。当用户通过点按按钮提交表单时，该应用程序在一个文本域中显示一个服务器响应，而不必初始化一个页面刷新。图1显示了在Safari浏览器中该应用程序看上去的样子。 图1.一个由GWT生成的简单视图　　例如，当用户保留一个文本框为空而点击OK，Submit按钮时将显示出图2所示结果。 图2:该应用程序用红色显示一条错误消息共4页。 1 2 3 4 : 　　一、 引言　　如果你是一个Java软件和Ajax开发者，那么，Google Web Toolkit（GWT）应该已经引起你的关注。　　Google公司已经于2006年5月在Apache许可协议下发布了这种免费的开发工具包。GWT的设计目的是为了简化用Java语言开发Ajax应用程序。Google初始发行的beta版本可以适用于Windows和Linux平台，并许诺稍后要发行一个Mac OS X版本。　　本文将探讨在Mac OS X上使用GWT和熟悉的Java工具，例如Apache Ant，Tomcat 5.0 servlet容器和IntelliJ IDEA集成开发环境开发一个简单的Ajax应用程序的完整过程。　　注 本文假定读者具有一定的Java和Ant使用基础。　　二、 与GWT一起使用Ant　　我下载的是GWT的Linux beta版本，并选用Java开发应用程序，然后使用一个Ant构建文件进行编译，最后在一个Tomcat 5.0实例上发布该应用程序。注意，这个Ant文件运行的是GWT Java-to-JavaScript编译器。其实，这个“编译器”只是一个执行一个GWT Java类的命令行脚本，该Java类负责为应用程序编写JavaScript。　　使用GWT beta包括两种开发方式：主机方式和web方式。　　主机方式是使用一个嵌入式的GWT浏览器和中间开发步骤；在这个方式中，你的编译代码继续运行于一个Java虚拟机(JVM)中。然而，主机方式无法应用于我们这些使用Linux版本操作系统的Mac OS X用户。只有Google发行了一个Mac OS X版本，我们才可以使用主机方式。　　三、 不同风格的Web开发　　在创建远程过程调用(RPC)服务的同时，本文将详细讨论一些典型的GWT开发者可能面对的web开发有关的任务。RPC是一个软件模型的一部分，主要为使用面向服务的架构（SOA）的应用程序而设计。这些开发任务包括：　　· 使用一个构建文件(构建运行GWT编译器，然后发布编译器的输出，并且把你的服务器端的Java类文件发布到一个servlet容器，例如Tomcat，Jetty或Resin)来自动化开发和发布步骤。　　· 使用Firefox的DOM Inspector来观察由该GWT应用程序生成的HTML。　　· 重新设置页面中的各部件而不必存取内在的HTML(既然你在使用GWT的Java API)。　　· 确保HTML是有效的标记，例如，你的组织可能需要基于一个特别的XHTML文档类型。　　四、 服务功能　　首先，我将简短描述本文示例应用程序要创建的服务，设计这个示例是为了展示GWT使用的模型。　　该应用程序在浏览器中显示一个表单，要求用户输入他们的姓名、年龄和原籍国家。当用户通过点按按钮提交表单时，该应用程序在一个文本域中显示一个服务器响应，而不必初始化一个页面刷新。图1显示了在Safari浏览器中该应用程序看上去的样子。 图1.一个由GWT生成的简单视图　　例如，当用户保留一个文本框为空而点击OK，Submit按钮时将显示出图2所示结果。 图2:该应用程序用红色显示一条错误消息共4页。 1 2 3 4 : 下载本文示例代码


使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序使用GWT开发AJAX应用程序