电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 使用 GWT 实现基于 Ajax 的 Web 开发（1）优势 [打印本页]

作者: look_w 时间: 2018-10-17 19:25 标题: 使用 GWT 实现基于 Ajax 的 Web 开发（1）优势

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 也可以最大限度地完成布局管理等界面设计的工作。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)