第 1 部分 gwt-ext 入门

《第 1 部分 gwt-ext 入门》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、GWT-Ext体验之旅，第1部分:GWT-Ext入门GWT-Ext是基于GoogleWebToolkit（GWT）和ExtJs的功能强大的网页开发控件库。它非常适用于进行纯Java语言的富Internet应用的快速开发。本系列文章将详细讲解GWT-Ext的基本结构和功能特点，并通过代码示例来演示该技术的具体实现。本文是该系列的第一部分，将带领您快速入门GWT-Ext，并演示如何快速搭建GWT-Ext的开发环境。概述GWT-Ext是基于GoogleWebToolkit（GWT）和ExtJs的功能强大的网页开发控件库。它扩展了GWT，在ExtJs的基础上实现了有

2、排序功能的表格（Grid）、分页、过滤，支持有拖拽功能的树，高度可定制的组合下拉框（Combobox）、目录、对话框、表单（Form）以及功能丰富、强大且易用的API。GWT-Ext拥有GNULesserGeneralPublicLicence(LGPL)（请参阅参考资料），V3.0的许可证。因此它是一个非常灵活，允许在开源和商业中应用的控件库。GWT的介绍（请参阅参考资料）已经非常丰富，我们这个系列主要关注在GWT-Ext的介绍和应用上。GWT-Ext是在GWT和ExtJs的基础上对表现层的进一步封装。我们可以理解GWT提供了Ajax的一套基础框架，而Ex

3、tJs提供了以JavaScript和CSS样式表为基础的非常丰富的表现层接口。那么GWT-Ext就是在GWT的基础上，将ExtJs的JavaScript接口映射或者封装为Java的接口。在Java的环境下开发和调试开发表现层，可以大大提高开发的速度。GWT-Ext开发环境搭建在这个系列中，将通过示例的方式，一步步地介绍如何搭建一个GWT-Ext的开发环境。本章将通过图解与代码结合的方式搭建演示平台框架，并且演示如何部署这个平台到Tomcat容器中。下载开发环境我们将使用Eclipse和插件CypalStudio来搭建控件演示平台。CypalStutio是一个

4、GWT成熟的开发工具。它能非常方便地帮助我们搭建GWT的开发以及调试环境，并且能够实现编译和打包的工作，省去了开发GWT过程中很多繁琐的过程。需要下载的产品和技术请参阅参考资源中的“获得产品和技术”部分。安装CypalStudio插件解压Eclipse到本地硬盘，同时解压cypal.studio.for.gwt-1.0.zip到Eclipse的plugins目录下。然后解压下载的gwt-windows-1.5.0.zip。最后，启动Eclipse。选择Eclipse目录Window>Preferences>CypalStutio，填写GWT相关的信息如图1所

5、示。GWTHome填写GWT的解压根目录。如果JavaVM的要求较高，可以从512M提高到1024M。如图1所示。图1.CypalStudio配置创建第一个GWT-Ext工程选择File>New>DynamicWebProject,填写必要信息。DynamicWebModuleversion选择版本2.4，因为CypalStudio是在2.4这个版本上开发的。Configuration选择CypalStudioforGWT。工程名填写GWTEXTDemo。输入以上信息后，点击Finish。图2.创建GWTExt开发工程在新创建的工程上点击右键，选择new->

6、other.在CypalStudio下找到并选择GWTModule节点。图3.创建GWTModule在打开的Panle里填写GWTModule的信息，主要需要填写的是GWTModule所在的包名以及它的类名。GWTModule必须实现com.google.gwt.core.client.EntryPoint接口。点击Finish完成Module的创建。图4.填写GWTModule信息新创建的GWT开发工程的结构如图5所示。在public这个目录下放置图片，JavaScript脚本，CSS样式表和每个GWTmodule对应的html文件。DemoControl

7、Panel.gwt.xml是一个GWT工程的配置文件。所有GWT的配置信息需要在这里声明。这些配置信息包括Module的信息，CSS样式表的相对路径，我们应用到的JavaScript的文件相对路径，和所有异步通信中Servlet的映射信息。在GWT的应用规范中，显示层的Java代码必须放在以包名client结尾的目录或者子目录下，并且不能依赖其它非client目录下的Java代码。对其它的服务器端的代码，要放到以server结尾的包或者子包当中。图5.GWT开发工程的结构图以上，是建立GWT工程的详细过程，接下来，我们开始创建ExtJs的开发文件。因为GWT

8、-Ext依赖于ExtJs，因此在GWTEXTDemo