EXT-GWT应用开发介绍.ppt

* * * 《EXT-GWT开发应用》 《网管事业部－研发二中心》 《提广乾》 2010年８月 议程 EXT-GWT是什么 EXT-GWT定位 EXT-GWT优势 EXT-GWT发展历程 EXT-GWT工作原理 EXT-GWT应用开发 EXT-GWTGWT-EXT * 什么是Ajax * Ajax是 Asynchronous JavaScript and XML（以及 DHTML 等）的缩写，由XHTML、CSS、JavaScript、XMLHttpRequest、XML等技术组合而成，是当前Web应用开发领域的热门技术，用于创建更加动态和交互性更好的Web应用程序，提升用户的浏览体验。 Ajax的核心是JavaScript对象XmlHttpRequest。XmlHttpRequest处理所有服务器通信的对象，是一种支持异步请求的技术。 XmlHttpRequest可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。 困难在哪,如何解决 Prototype jquery ext dojo Mootools YUI Script.aculo.us DWR 34.1% 29.3% 22.5% 11.8% 14.3% 13% 22.3% 8.3% * 目前流行ajax框架 因为JavaScript不易调试,所以编写AJAX应用程序往往让人头痛。 Google Web Toolkit (GWT) 是一个使用Java语言 开发Ajax应用的开发框架。在开发和调试AJAX 应用程序时，和其它的Java程序没有任何区别，选用什么样的Java 开发工具完全由自己的喜好所定。 开发完毕以后要部署到应用服务器中，GWT自带的编译器将Java应用程序编译成与浏览器兼容的JavaScript和HTML页面。 EXT-GWT是什么 * 　　Ext GWT 是一个基于Google Web Toolkit(GWT)和EXTJS开发的功能强大的网页开发控件库，也是富互联网客户端JAVA库(简称为GXT)。 它扩展了GWT,在EXTJS的基础上有排序功能的表格（grid),分页、过滤、支持有拖拽功能的树，高度可定制的组合下拉框（combobox)、目录、对话框、表单(from)以及功能丰富、强大且易用的API.假如我们以GWT提供了AJAX的一套基础框架，而EXTJS提供了以javascript和CSS样式表为基础的非常丰富的表现层接口，那么EXT-GWT就是在GWT的基础上，将EXTJS 的javascript的接口映射为java接口，在java的环境下开发和调试表现层，从而大大的提高了开发的速度。 EXT-GWT定位 * EXT-GWT的优势 动态，可重用的UI组件 简单的RPC调用 方便的调试功能 浏览器兼容性（IE，Opera，Firefox…） 可扩展性（JSNI） 高性能，自定义UI widget 支持CSS主题 * EXT-GWT的演变历程 * EXT-GWT的组成 * 一个 Java-to-JavaScript compiler 一个 “hosted” web 浏览器, 两套 Java 类库 一套EXT类包 EXT-GWT工作原理 使用 Java 编程语言编写 AJAX 前端，GWT 编译器会在整个 GWT 代码库中执行综合性静态分析和优化，将 Java 源代码编译到优化且独立的 JavaScript 文件中，通常生成的 JavaScript 加载和执行均比等效手写的 JavaScript 更快，并为现有网页或整个应用程序构建一个 Widget。当用户访问时，wedget引用extjs类库，生成web方式UI界面，呈现给用户。 * EXT-GWT两种模式 * HostMode（宿主模式）：未编译前，在GWT提供的Host Mode的浏览器中查看。可以用于调试GWT程序，会打出异常信息。在这种模式下，GWT不会将JAVA编译成javascript,它提供类似浏览器的环境，直接运行GWT开发的程序，这样最大程度的提高了生产力。 WebMode：编译后，在浏览器中查看。这种模式只有在测试或者运行的时候使用，因为每次修改java程序后，都需要重新编译。所以生产力比较低。 EXT-GWT开发环境搭建 * 下载开发环境 　　eclipse和GWT插件 　　GXT工具包 　　EXT工具包 EXT-GWT开发环境搭建 创建GWT工程 * 1.Code代码中，已经自动分前后端 2.GxtDemo.gwt.xml 重要，位置不可以变动，名称特定。 其作用的重要性如web.xml。 3. GreetingService.java，GreetingServiceAsync.java, GreetingServiceImpl.ja