前 言 第一部分 准备篇 第 1 章 准备开发环境••••••••••••••••••••••••••2 1.1 安装 JDK ••••••••••••••••••••••••••••••••••••••••••••2 1.2 安装 Eclipse••••••••••••••••••••••••••••••••••••••••2 1.3 安装 GWT 1.7 的 Eclipse 插件 ••••••••••3 1.4 安装 GWT 2.0 的 SDK 以及 Eclipse 插件••••••••••••••••••••••••••••••••••••••••4 1.5 辅助工具 ••••••••••••••••••••••••••••••••••••••••••••5 1.5.1 Internet Explorer Developer Toolbar •••••••••••••••••••••••••••••••••••••••••5 1.5.2 Firebug•••••••••••••••••••••••••••••••••••••••••6 1.6 小结••••••••••••••••••••••••••••••••••••••••••••••••••••7 第 2 章 Hello GWT•••••••••••••••••••••••••••••••8 2.1 在 Eclipse 中创建项目•••••••••••••••••••••••8 2.2 运行调试项目 ••••••••••••••••••••••••••••••••••10 2.3 JUnit 测试•••••••••••••••••••••••••••••••••••••••••14 2.4 发布网站 ••••••••••••••••••••••••••••••••••••••••••16 2.5 ANT 发布•••••••••••••••••••••••••••••••••••••••••16 2.6 小结••••••••••••••••••••••••••••••••••••••••••••••••••17 第二部分 基础篇 第 3 章 GWT 模块 ••••••••••••••••••••••••••••••20 3.1 GWT 模块详解 ••••••••••••••••••••••••••••••••20 3.2 模块入口点•••••••••••••••••••••••••••••••••••••• 22 3.3 模块继承•••••••••••••••••••••••••••••••••••••••••• 22 3.4 附加 CSS 和 JavaScript•••••••••••••••••••• 23 3.5 路径配置•••••••••••••••••••••••••••••••••••••••••• 25 3.6 延迟绑定•••••••••••••••••••••••••••••••••••••••••• 29 3.7 发布 JAR•••••••••••••••••••••••••••••••••••••••••• 33 3.8 深入研究•••••••••••••••••••••••••••••••••••••••••• 34 3.9 小结 ••••••••••••••••••••••••••••••••••••••••••••••••• 37 第 4 章 JSNI ••••••••••••••••••••••••••••••••••••••••• 38 4.1 JSNI 和 JavaScript ••••••••••••••••••••••••••• 38 4.2 类型映射•••••••••••••••••••••••••••••••••••••••••• 39 4.3 JavaScriptObject••••••••••••••••••••••••••••••• 40 4.4 JsArray ••••••••••••••••••••••••••••••••••••••••••••• 42 4.5 JSNI 中的特殊变量••••••••••••••••••••••••• 42 4.6 在 JSNI 中访问 GWT 函数••••••••••••• 46 4.7 异常处理•••••••••••••••••••••••••••••••••••••••••• 49 4.8 外部 JavaScript 访问 GWT函数•••••••• 50 4.9 整合 jQuery•••••••••••••••••••••••••••••••••••••• 51 4.10 在 GWT 中使用正则 表达式 ••••••••••••••••••••••••••••••••••••••••••• 57 4.11 小结•••••••••••••••••••••••••••••••••••••••••••••••• 60 第 5 章 在 GWT 中使用 XML •••••••• 61 5.1 XML 简介•••••••••••••••••••••••••••••••••••••••• 61 5.2 XML 操作•••••••••••••••••••••••••••••••••••••••• 62 5.2.1 XML 文档••••••••••••••••••••••••••••••••• 62 5.2.2 XML 节点 •••••••••••••••••••••••••••••••••64 5.2.3 XML 元素节点••••••••••••••••••••••••••67 5.2.4 XML 文本节点••••••••••••••••••••••••••68 5.3 在 GWT 中使用 XPath•••••••••••••••••••••68 5.4 小结••••••••••••••••••••••••••••••••••••••••••••••••••76 第 6 章 GWT 控件详解•••••••••••••••••••••77 6.1 界面对象 ••••••••••••••••••••••••••••••••••••••••••77 6.2 Widget•••••••••••••••••••••••••••••••••••••••••••••••82 6.3 面板••••••••••••••••••••••••••••••••••••••••••••••••••83 6.4 控件生命周期 ••••••••••••••••••••••••••••••••••85 6.5 控件事件管理 ••••••••••••••••••••••••••••••••••87 6.5.1 注册控件事件处理句柄••••••••••••87 6.5.2 阻止控件默认行为••••••••••••••••••••88 6.5.3 阻止事件冒泡 •••••••••••••••••••••••••••89 6.5.4 onBrowserEvent•••••••••••••••••••••••••90 6.6 GWT 全局类 ••••••••••••••••••••••••••••••••••••91 6.6.1 DOM 类•••••••••••••••••••••••••••••••••••••91 6.6.2 GWT 类•••••••••••••••••••••••••••••••••••••92 6.6.3 Window 类•••••••••••••••••••••••••••••••••94 6.7 小结••••••••••••••••••••••••••••••••••••••••••••••••••97 第 7 章 使用 GWT 控件••••••••••••••••••••98 7.1 简单控件 ••••••••••••••••••••••••••••••••••••••••••98 7.1.1 包装已有控件 •••••••••••••••••••••••••••98 7.1.2 图片超链接 •••••••••••••••••••••••••••••••99 7.1.3 图片按钮•••••••••••••••••••••••••••••••••••99 7.1.4 复选框•••••••••••••••••••••••••••••••••••••••99 7.1.5 单选框•••••••••••••••••••••••••••••••••••••100 7.1.6 文件上传•••••••••••••••••••••••••••••••••101 7.1.7 DatePicker••••••••••••••••••••••••••••••••103 7.2 列表和菜单 ••••••••••••••••••••••••••••••••••••104 7.2.1 列表•••••••••••••••••••••••••••••••••••••••••104 7.2.2 带建议的输入框••••••••••••••••••••••105 7.2.3 树•••••••••••••••••••••••••••••••••••••••••••••105 7.2.4 菜单 •••••••••••••••••••••••••••••••••••••••• 107 7.3 面板 ••••••••••••••••••••••••••••••••••••••••••••••• 108 7.3.1 装饰面板••••••••••••••••••••••••••••••••• 108 7.3.2 流式布局面板••••••••••••••••••••••••• 108 7.3.3 水平布局面板和垂直布局 面板••••••••••••••••••••••••••••••••••••••••• 109 7.3.4 绝对布局面板••••••••••••••••••••••••• 109 7.3.5 Tab 面板•••••••••••••••••••••••••••••••••• 109 7.3.6 滚动面板••••••••••••••••••••••••••••••••• 110 7.4 表格 ••••••••••••••••••••••••••••••••••••••••••••••• 111 7.4.1 简单表格••••••••••••••••••••••••••••••••• 111 7.4.2 复杂表格••••••••••••••••••••••••••••••••• 111 7.5 使用与自定义 GWT 控件••••••••••••• 112 7.5.1 ComboInput 控件结构•••••••••••• 112 7.5.2 DataItem•••••••••••••••••••••••••••••••••• 113 7.5.3 ListBox•••••••••••••••••••••••••••••••••••• 114 7.5.4 Selected 事件 •••••••••••••••••••••••••• 117 7.5.5 TriggerInput••••••••••••••••••••••••••••• 120 7.5.6 ComboBox•••••••••••••••••••••••••••••• 122 7.6 小结 ••••••••••••••••••••••••••••••••••••••••••••••• 125 第 8 章 GWT-RPC ••••••••••••••••••••••••••• 126 8.1 GWT 中的XMLHTTPRequest••••••••• 126 8.1.1 HTTPRequestImpl••••••••••••••••••• 126 8.1.2 RequestBuilder •••••••••••••••••••••••• 127 8.1.3 请求动态数据••••••••••••••••••••••••• 129 8.1.4 XML•••••••••••••••••••••••••••••••••••••••• 132 8.2 JSON•••••••••••••••••••••••••••••••••••••••••••••• 134 8.2.1 JSONValue•••••••••••••••••••••••••••••• 134 8.2.2 JSONValue 的派生类 ••••••••••••• 135 8.2.3 完整的 JSON 例子 ••••••••••••••••• 136 8.3 GWT-RPC •••••••••••••••••••••••••••••••••••••• 138 8.3.1 RPC 远程接口 •••••••••••••••••••••••• 138 8.3.2 服务器实现••••••••••••••••••••••••••••• 139 8.3.3 异步接口文件••••••••••••••••••••••••• 140 8.3.4 在程序中使用GWT-RPC •••••••••140 8.3.5 整合 Hibernate•••••••••••••••••••••••••141 8.4 小结••••••••••••••••••••••••••••••••••••••••••••••••145 第 9 章 Ext GWT•••••••••••••••••••••••••••••••146 9.1 Ext GWT 简介及安装••••••••••••••••••••146 9.2 Window•••••••••••••••••••••••••••••••••••••••••••148 9.2.1 窗口布局•••••••••••••••••••••••••••••••••149 9.2.2 Viewport ••••••••••••••••••••••••••••••••••151 9.2.3 Dialog ••••••••••••••••••••••••••••••••••••••152 9.2.4 窗口的显示与关闭••••••••••••••••••153 9.3 数据管理 ••••••••••••••••••••••••••••••••••••••••154 9.4 Grid•••••••••••••••••••••••••••••••••••••••••••••••••157 9.5 树控件••••••••••••••••••••••••••••••••••••••••••••159 9.5.1 图标显示•••••••••••••••••••••••••••••••••160 9.5.2 节点选择事件 •••••••••••••••••••••••••160 9.6 皮肤••••••••••••••••••••••••••••••••••••••••••••••••161 9.7 小结••••••••••••••••••••••••••••••••••••••••••••••••162 第三部分 实战篇 第 10 章 俄罗斯方块游戏 ••••••••••••••164 10.1 游戏设计 ••••••••••••••••••••••••••••••••••••••164 10.1.1 游戏简介 •••••••••••••••••••••••••••••••164 10.1.2 游戏规则 •••••••••••••••••••••••••••••••165 10.1.3 设计思路 •••••••••••••••••••••••••••••••166 10.2 编码实现 ••••••••••••••••••••••••••••••••••••••167 10.2.1 游戏场地 •••••••••••••••••••••••••••••••167 10.2.2 方块•••••••••••••••••••••••••••••••••••••••170 10.2.3 游戏控制器 •••••••••••••••••••••••••••177 10.3 界面实现及操作完善•••••••••••••••••••187 10.3.1 候选面板•••••••••••••••••••••••••••••••••187 10.3.2 计分与等级 •••••••••••••••••••••••••••189 10.3.3 增加操作便利性••••••••••••••••••••191 10.3.4 界面美化 •••••••••••••••••••••••••••••••192 10.4 联机对战•••••••••••••••••••••••••••••••••••••• 193 10.4.1 原理 •••••••••••••••••••••••••••••••••••••• 193 10.4.2 等待游戏开始••••••••••••••••••••••• 194 10.4.3 交换数据••••••••••••••••••••••••••••••• 198 10.4.4 胜负判定••••••••••••••••••••••••••••••• 204 10.4.5 障碍行••••••••••••••••••••••••••••••••••• 206 10.5 小结•••••••••••••••••••••••••••••••••••••••••••••• 209 第 11 章 费用申请审批流程 ••••••••• 210 11.1 流程设计•••••••••••••••••••••••••••••••••••••• 210 11.1.1 流程简介••••••••••••••••••••••••••••••• 210 11.1.2 工作流引擎••••••••••••••••••••••••••• 210 11.1.3 表单••••••••••••••••••••••••••••••••••••••• 211 11.2 工作流引擎实现 •••••••••••••••••••••••••• 211 11.2.1 环境配置••••••••••••••••••••••••••••••• 211 11.2.2 业务规则定义••••••••••••••••••••••• 214 11.2.3 jBPM 数据库初始化••••••••••••• 218 11.3 表单实现•••••••••••••••••••••••••••••••••••••• 220 11.3.1 HTML 面板••••••••••••••••••••••••••• 220 11.3.2 表单对话框••••••••••••••••••••••••••• 225 11.3.3 权限控制••••••••••••••••••••••••••••••• 228 11.3.4 类型校验••••••••••••••••••••••••••••••• 232 11.4 审批流程的界面实现 •••••••••••••••••• 233 11.4.1 AsyncCallbackEx •••••••••••••••••• 233 11.4.2 Outlook 面板••••••••••••••••••••••••• 234 11.4.3 工作列表••••••••••••••••••••••••••••••• 236 11.4.4 整体布局••••••••••••••••••••••••••••••• 241 11.4.5 用户登录••••••••••••••••••••••••••••••• 244 11.4.6 全局事件管理••••••••••••••••••••••• 247 11.4.7 遮蔽效果••••••••••••••••••••••••••••••• 249 11.4.8 实现 BizzAction•••••••••••••••••••• 250 11.5 业务流转•••••••••••••••••••••••••••••••••••••• 254 11.5.1 申请表••••••••••••••••••••••••••••••••••• 254 11.5.2 审批表••••••••••••••••••••••••••••••••••• 257 11.6 小结•••••••••••••••••••••••••••••••••••••••••••••• 261 第四部分 高级篇 第 12 章 GWT 与 Flex 整合•••••••••••264 12.1 Flex 的优势 ••••••••••••••••••••••••••••••••••264 12.2 查看流程图的 Flex•••••••••••••••••••••••265 12.3 加入网页 ••••••••••••••••••••••••••••••••••••••275 12.4 与 Flex 交互 •••••••••••••••••••••••••••••••••278 12.5 小结••••••••••••••••••••••••••••••••••••••••••••••283 第 13 章 图片缓存 ••••••••••••••••••••••••••••284 13.1 CSS Sprite 简介••••••••••••••••••••••••••••284 13.2 GWT 的实现 ••••••••••••••••••••••••••••••••286 13.3 后端生成了什么•••••••••••••••••••••••••••288 13.4 小结••••••••••••••••••••••••••••••••••••••••••••••288 第 14 章 本地化 •••••••••••••••••••••••••••••••••290 14.1 GWT 如何识别你的语言•••••••••••••290 14.2 本地化配置 ••••••••••••••••••••••••••••••••••291 14.3 日期格式化 ••••••••••••••••••••••••••••••••••294 14.4 字符串动态本地化 •••••••••••••••••••••• 295 14.5 小结•••••••••••••••••••••••••••••••••••••••••••••• 296 第 15 章 其他高级功能••••••••••••••••••• 297 15.1 动画•••••••••••••••••••••••••••••••••••••••••••••• 297 15.2 历史管理•••••••••••••••••••••••••••••••••••••• 299 15.3 延时执行•••••••••••••••••••••••••••••••••••••• 301 15.4 等待执行和分片执行 •••••••••••••••••• 301 15.5 代码分割•••••••••••••••••••••••••••••••••••••• 302 15.5.1 SOYC•••••••••••••••••••••••••••••••••••• 304 15.5.2 初始化序列••••••••••••••••••••••••••• 305 15.5.3 编程模式••••••••••••••••••••••••••••••• 306 15.5.4 预加载••••••••••••••••••••••••••••••••••• 307 15.6 UiBinder••••••••••••••••••••••••••••••••••••••• 308 15.6.1 HTML 绑定 •••••••••••••••••••••••••• 308 15.6.2 控件绑定••••••••••••••••••••••••••••••• 310 15.6.3 CSS 绑定••••••••••••••••••••••••••••••• 311 15.6.4 事件管理••••••••••••••••••••••••••••••• 313 15.6.5 资源打包••••••••••••••••••••••••••••••• 314 15.6.6 创建控件••••••••••••••••••••••••••••••• 316 15.7 小结•••••••••••••••••••••••••••••••••••••••••••••• 316