首页 > OOP语言 > AJAX > 正文

使用 GWT 实现基于 Ajax 的 Web 开发
2013-12-21 00:00:00   来源:www.bianceng.cn   评论:0 点击:

暂时无描述信息

GWT 简述以及 GWT 开发 Web 应用程序的优势

Ajax 及基于 Ajax Web 应用程序开发简述

Ajax 即“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML),是一种创建交互式网 页应用的网页开发技术。通过此技术,软件开发人员可以在最短的时间内开发出更小,更快的,更友好的 Web 应用系统。在传统的 web 应用中,用户填写并提交表单 (form),在提交表单时就向 web 服务器发送一个处 理请求。服务器接收用户请求并处理传来的表单,并将结果以一个新的页面返回给用户。这种处理方式浪费了 许多带宽,因为在前后两个页面中的大部分 HTML 代码往往是相同的。另外,由于每次交互都需要向服务器发 送请求,交互的响应时间就依赖于服务器的响应时间,从而导致了用户界面的响应比本地应用程序慢得多。通 过 Ajax 技术,使用 JavaScript 可以创建 XMLHttpRequest 对象来直接与服务器进行通信,在不重载页面的 情况下完成与 Web 服务器的数据交换。由于在通讯的过程中传输的数据是开发人员可控制的有用数据,消除 了冗余的 HTML 代码,减少了带宽占用,在很大程度上提高了 Web 应用系统的响应速度。另外,由于使用 XMLHttpRequest 对象作为后台通讯工具,页面不需要全部刷新,只需要刷新局部改变的数据,从而实现类似 于桌面应用的效果。

使用 GWT 进行 Ajax Web 应用程序开发的优势

Google Web Toolkit(GWT )是 Google 公司推出的一款基于 Java 的 Ajax Web 应用程序开发框架。在此框架上,开发人员可以轻松的 创建 Ajax Web 应用程序,而不必关注 JavaScript 的编写和调试,实现在浏览器中轻松地构建类似桌面应用 般的程序。

使用面向对象的 Java 代替 JavaScript,大幅度提高了开发效率。

JavaScript 是 一种脚本语言,它可以用来制作与网络无关的,用户交互复杂软件。它是一种基于对象 (Object Based) 和事 件驱动 (Event Driver) 的编程语言。但是 JavaScript 无法实现真正的继承关系(注:使用放在 prototype 对象里,虽然可以实现两个实例对象中的数据共享,模拟继承,但这其实并不是真正的继承,更无法实现多层 继承关系)。因此,使用 JavaScript 来完成 Ajax 开发,非常耗费时间,代码重复使用率低,难以调试,后 期维护工作量巨大。

相比之下,Java 是一种真正的面向对象的语言。基于 Java 这一面向对象的语言 ,GWT 将真正的软件工程方法带入到 Ajax 应用程序开发当中。GWT 中提供了丰富的的基础组件,使开发人员 从繁杂而又重复的 Ajax 构建工作中解放出来,更加专注于业务层和程序性能的优化。开发人员通过使用 GWT 可以快速地构建和维护复杂的、高性能的 JavaScript 应用程序。

GWT 提供了友好的界面,减少了 Web 应用程序的美化工作

由于通用的组件不够友好,导致 Web 开发的同时有大量的美化工作需要处理 ,所以以往的 Web 开发,都需要专业美工来协助完成。GWT 提供的丰富的组件库使用户可以很容易的开发出 极具视觉享受的 UI 界面。如图 1 所示。

图 1. GWT 消息框

\

上图中为 Ext GWT 提供的消息 框,下面为原始的消息框。通过比较可以看到,Ext GWT 的消息框明显更加友好。按照传统的 Web 开发方式 要实现具有 Ext GWT 样式的消息框,还要付出相当一些额外的美化工作。而这只是一个非常简单的示例, GWT 所带来的具有友好界面体验的组件远不止此。

GWT Designer 简介

GWT Designer 是 Google 最新推出的,可以辅助开发者在 Eclipse 中快速构建 GUI 和 GWT/Java 应用的高效开视化开工具。 使用 GWT Designer,开发人员只需通过简单拖拽可视化组件,即可完成组件的添加而无须繁琐的重复编码, 同时使用 GWT Designer 也可以最大限度地完成布局管理等界面设计的工作。

基于 Eclipse 的 GWT 开发环境的搭建

Eclipse 是一个用 Java 开发的开源 IDE,由包括 IBM 在内的主要几家技术型公司所 支持。使用 Eclipse 可以使开发者以高效的方式编写、组织、测试和调试软件。Eclipse 集成了对 GWT 脚本 的支持,在 Eclipse 环境下使用 GWT 开发 Ajax Web 应用程序,无论是代码编写、组织、测试还是调试,都 能够获得较高的生产力。基于 Eclipse 的 GWT 开发环境是业界公认的,最佳的 GWT 开发环境。

搭建 Eclipse 开发环境

搭建 Eclipse 开发环境很简单。只需要从 http://www.eclipse.org/downloads/下 载后解压即可使用。Eclipse 的版本很多,本文中将以 Eclipse Java EE IDE for Web Developers(Version: Helios Release) 为例进行说明。

相关热词搜索:

上一篇:javascript ajax脚本跨域调用详解
下一篇:基于.NET三种Ajax技术的运用:原生js、ASP.NET Ajax和.NET回调技术

分享到: 收藏