GWT技术介绍.ppt

GWT技术介绍 Gift@CJW BUAA-ACT 2007-3-19 什么是Ajax Ajax是 Asynchronous JavaScript and XML（以及 DHTML 等）的缩写，由XHTML、CSS、JavaScript、XMLHttpRequest、XML等技术组合而成，是当前Web应用开发领域的热门技术，用于创建更加动态和交互性更好的Web应用程序，提升用户的浏览体验。 Ajax的核心是JavaScript对象XmlHttpRequest。XmlHttpRequest处理所有服务器通信的对象，是一种支持异步请求的技术。 XmlHttpRequest可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。 困难在哪,如何解决 因为JavaScript不易调试,所以编写AJAX应用程序往往让人头痛。 Google Web Toolkit (GWT) 是一个使用Java语言 开发Ajax应用的开发框架。在开发和调试AJAX 应用程序时，和其它的Java程序没有任何区别，选用什么样的Java 开发工具完全由自己的喜好所定。 开发完毕以后要部署到应用服务器中，GWT自带的编译器将Java应用程序编译成与浏览器兼容的JavaScript和HTML页面。 GWT的特点 动态，可重用的UI组件 简单的RPC调用 方便的调试功能 浏览器兼容性（IE，Opera，Firefox…） 可扩展性（JSNI） GWT四大组成 一个 Java-to-JavaScript compiler 一个 “hosted” web 浏览器, 两套 Java 类库 两种模式 HostMode（宿主模式）：未编译前，在GWT提供的Host Mode的浏览器中查看。可以用于调试GWT程序，会打出异常位置。 WebMode：编译后，在浏览器中查看。 如何开发GWT应用 a.将用到的GWT库添加到IDE里，在IDE中 用Java语言编写和调试一个应用程序。 b.使用GWT自带的Java2JavaScript编译器将写出来的代码编译成JavaScript和HTML文件。 c.将编译后的代码发布到Web Server上。 d.检测是否满足主流的浏览器。（一般没有问题） 在Eclipse下开发-第一步-创建工程 1． 创建Eclipse工程 第一步使用： projectCreator –eclipse 工程名称 比如： projectCreator -eclipse DemoProject 第二步使用：applicationCreator -eclipse 工程名称 类包名称.client.类名 比如：applicationCreator -eclipse MyProject org.buaa.client.DemoApplication Eclipse下开发-第二步-导入Eclipse 在Eclipse下开发-第二步-修改入口类，添加相应代码 每一个GWT程序都有一个入口点，必须继承自EntryPoint接口，实现OnModuleLoad方法 其事件触发模式是类似于AWT当中的处理模式。 在Eclipse下开发-第三步-编译 点击Test-Shell.cmd可以开启Hosted Mode ，并察看运行结果 或者点击Test-Compile.cmd，可以开启Web Mode，将代码解析成为javascript，并可以在Web浏览器中察看。 在Eclipse下开发-第四步-部署和执行 部署到Tomcat等应用服务器当中。 GWT类库总览 com.google.gwt.core.client 用于客户端的GWT基本代码 com.google.gwt.core.ext 用于扩展GWT编译器的类. com.google.gwt.core.ext.typeinfo 为支持自动生成功能的类库 com.google.gwt.http.client 提供对HTTP的请求响应处理类 com.google.gwt.i18n.client 国际化 com.google.gwt.json.client 解析和创建Json类型的类库 com.google.gwt.junit.client Junit测试 com.google.gwt.user.client 客户端使用的基本GWT接口. com.google.gwt.user.client.rpc客户端为使用RPC功能的GWT接口. com.google.gwt.user.client.ui Widgets, Panels, 以及其他的UI接口 com.google.gwt.user.server.rpc 服务端为了实现RPC调用实现的接口. com.google.gwt.xml