GXT学习笔记之基础篇.pdfVIP

Gwt-Ext 学习笔记之基础篇 一、 安装 Cypal Studio 工具 1 a. 下载 Cypal Studio /p/cypal-studio/ ，解压后 Copy 到 Eclipse 目录下。 b. 配置 GWT Home目录，打开 Eclipse 的 Window—Preferences —Cypal Studio 选择 Gwt 的目录。 二、 建立一个名为 gwtext 的 GWT项目 a. 新建一个动态 web 项目， File — New—Other —Web— Dynamic Web Project ，在 Configurations 中选择 Cypal Studio GWTProject ， 其他的默认即可。 三、 创建 Module 模型 a. gwtext 项目上点击右键 New—Other —Cypal Studio —Module， 输入包名 org.gwtext.julycn, 类名 Register 。 b. 在 org.gwtext.julycn 包下面生产 client 包、 server 包、 public 目录和 Register.gwt.xml 、 Register.html ； c. 在 Register.java 的 onModuleLoad() 方法中加入 Window.alert(This is my first Gwt Demo!); Java 代码 1. /** 2. * @author 七月天 3. * 4. */ 5. 6. public class Register implements EntryPoint { 7. public void onModuleLoad() { 8. Window.alert(This is my first Gwt Demo!); 9. } 10.} d. 选择 Run—Open Run Dialog — Gwt Hosted Mode Application, 选择 New, 新建一个运行实例 gwtext, 在 Project 中选择 gwtext ， Module 会自动选择所要运行的模型类。 e. 点击运行，会弹出 Google Web Toolkit 运行窗口。 四、 配置 GWT-Ext 环境 a. 下载 gwt-ext 和 ext 资源 b. 加入 gwtext 的 gwtext.jar 和 ext 资源 i. 把 gwtext-2.0.3 目录下的 gwtext.jar 加入到项目 中。 ii. 在项目的 public 目录中新建 js 文件夹，然后把 ext-2.1 目录下的 adapter 目录、 resources 目录和 ext-all.js 、 ext-core.js 导入到 js 文件夹下。 c. 修改 HTML宿主页面 Register.html 和模块配置文件