图书信息

宣传语

前 言

目 录

图书信息

书名：快意编程：Ext JS Web开发技术详解

作　者：郭　 锋　　 等编著

出 版 社： 电子工业出版社

ISBN　　 978-7-121-10435-0

出版时间： 2010-3-1

页　数：476页

开　本： 16开

定价：59.00元(含CD光盘1张)

宣传语

一线人员，为您展示Ext JS Web开发的独特魅力！

内 容 简 介

本书是笔者在多年项目开发过程中的经验总结，它通过丰富的实例由浅入深、循序渐进地介绍了目前采用Ext JS进行Web开发的使用方法，从而帮助软件设计人员快速掌握Ext JS开发技术的使用方法，并能将其应用于实战中。

通过本书的学习，读者可以了解到Ext JS的使用方法，熟练掌握如何运用这些技术来帮助前台界面设计人员进行开发。为了帮助众多初学者快速掌握Ext JS的开发方法，笔者精心编著了本书。它是笔者在多年项目实践中的经验总结。本书首先对Ext JS进行了概述，然后通过一个简单的示例带领读者快速入门，在读者对Ext JS有了初步印象后，又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS的开发流程，然后按照Ext JS的开发顺序，首先讲解了页面的布局设定，接着详细讲解了各种常用组件的使用方法，并对实际开发中常用的画面场景进行了总结，最后通过完整的示例演示了Ext JS+REST+Spring+Hibernate的整合方案。

本书适用于初、中、高级软件设计人员，同时也可用做高校相关专业师生和社会培训班的教材，但在阅读本书前，需要读者掌握JavaScript的基础知识。

前 言

当开发人员厌倦采用JSP作为前台技术进行Web开发，而其他相应的前台技术比如JSF等并不成熟时，Ext JS出现了，它迅速成为前台页面开发技术的主流，紧接着REST也异军突起，因此，Ext JS+REST+Spring+Hibernate的组合成了采用Java进行Web开发的主要技术。

目前，市场上虽然也有讲解Ext JS的书籍，但大多是对Ext JS一些组件的属性、方法、事件的简单罗列，其实这些内容通过查看Ext JS本身提供的API文档即可获知，导致读者即便是看完了一本书，也并不能马上进行开发。本书在编排上并不会对Ext JS简单列出组件的属性、方法、事件，而是通过一个个示例，力争使读者读完本书后，不用再看其他书籍，即可进入Ext JS项目开发的实战。

本书有何特点

（1）由易到难、通俗易懂：本书从最基本的JavaScript面向对象技术讲起，这是掌握Ext JS的必备基础，只有掌握了最基本的JavaScript面向对象技术，才能真正掌握好Ext JS，在讲解各种组件的使用方法时，我们将通过简单的示例来演示各种组件的使用方法。

（2）技术涵盖广：本书讲解了Ext JS的大部分常用组件，比如表单、表格、树、AJAX和数据存储等，这些组件都是日常开发能够用到的。

（3）不是简单的API罗列：为了让读者真正快速地掌握Ext JS的开发技术，本书没有对Ext JS常用的API进行简单罗列，而是通过实际的应用场景让读者一步一步地掌握这些属性、方法和事件的使用方法。

（4）最新的技术组合：本书最后讲解了Ext JS+REST+Spring+Hibernate的组合，这是目前开源领域最新的技术组合。

（5）案例丰富，实战性强：每一个案例都是笔者在实际项目开发过程中使用过的，非常具有典型性。

本书包括的内容

本书从大的方面讲主要包含3部分内容。

第一部分首先对Ext JS相关基础知识进行介绍，然后带领读者搭建Ext JS的开发环境，并快速实现Ext JS的入门。

第二部分首先对JavaScript的面向对象技术进行了简单讲解，因为这是掌握Ext JS的基础，接着按照Ext JS的开发顺序，先讲解Ext JS的整体框架、开发模式，接着详细讲解了它的布局、表单组件、表格组件、树形组件、窗口组件、工具栏和菜单栏组件以及Ext JS在AJAX方面的应用，然后讲解了REST的相关知识，最后通过对Ext JS的封装，从而提高开发人员的开发效率。

第三部分通过对博客管理系统和工时统计管理系统示例的讲解，详细演示了Ext JS+REST+Spring+Hibernate的组合方式，从而使读者通过本书的学习，马上可以进行项目实战。

适合阅读本书的读者

本书具有技术涵盖广、案例丰富、实战性强、通俗易懂的特点，力求以通俗的语言及丰富的实例来指导读者透彻掌握如何将目前流行的Ext JS、REST、Spring2、JPA等技术运用在实际的程序开发中，但本书主要是对Ext JS进行讲解，如果读者想要了解REST、Spring2、JPA的相关知识，需要参考相应的书籍，本书适用于初、中、高级软件设计人员，同时也可用做高校相关专业师生和社会培训班的教材，但在阅读本书前，需要读者掌握JavaScript的基础知识。

本书作者

本书主要由郭锋编写，其他参与编写的人员有昊燃、方振宇、陈冠佐、傅奎、陈勤、梁洋洋、毕梦飞、陈庆、柴相花、陈非凡、陈华、陈嵩、承卓、陈先在。在此表示感谢！

作　 者　

2010年1月

目 录

第一篇　 Ext JS相关知识介绍

第1章　 Ext JS介绍　2

1.1　 Ext JS概述　2

1.1.1　 Ext JS的起源　2

1.1.2　 Ext JS的许可协议　4

1.1.3　 Ext JS的应用示例　4

1.2　 Ext JS与AJAX　9

1.2.1　 XMLHttpRequest技术　9

1.2.2　 JavaScript（Java脚本语言）　11

1.2.3　 DOM（文档对象模型）　13

1.2.4　 CSS（样式表）　14

1.2.5　 XML　14

1.3　 与Ext JS同类的AJAX框架　15

1.3.1　 Prototype　16

1.3.2　 Dojo　16

1.3.3　 DWR　18

1.3.4　 GWT　19

1.3.5　 Ext JS与上述框架的区别　19

1.4　 小结　20

第2章　 Ext JS快速入门　21

2.1　 建立Ext JS开发环境　21

2.1.1　 下载Ext JS　21

2.1.2　 下载Eclipse　24

2.1.3　 下载并整合Ext JS的开发工具Spket　25

2.1.4　 下载Ext JS的调试工具Firebug　29

2.2　 使用JavaScript实现HelloWorld的示例　32

2.3　 使用Ext JS实现HelloWorld的示例　33

2.3.1　 编写HTML页面myHelloWorld.htm　33

2.3.2　 引入Ext JS类库　34

2.3.3　 运行调试Ext JS　34

2.4　 小结　34

第二篇　 Ext JS技术详解

第3章　 JavaScript面向对象技术　36

3.1　 为什么要先讲JavaScript　36

3.2　 JavaScript的自定义函数　42

3.2.1　 函数的定义　42

3.2.2　 函数的使用　43

3.3　 JavaScript的面向对象编程　43

3.3.1　 一切皆是对象　43

3.3.2　 prototype原型对象　44

3.3.3　 如何实现类的继承　45

3.4　 如何模仿Java类库的引入机制实现JS文件的引入　45

3.5　 JavaScript操作DOM示例　46

3.6　 小结　57

第4章　 Ext JS框架　58

4.1　 Ext JS类库　58

4.1.1　 Ext JS类结构　58

4.1.2　 Ext.extend介绍　59

4.1.3　 Ext.apply介绍　68

4.1.4　 Ext.onReady介绍　69

4.2　 Ext JS组件　70

4.2.1　 Ext JS组件结构　70

4.2.2　 Ext.Component介绍　72

4.2.3　 Ext.ViewPort介绍　73

4.2.4　 Ext.Panel介绍　75

4.3　 Ext JS API文档使用指南　76

4.3.1　 Ext JS API文档结构　76

4.3.2　 如何使用Ext JS API文档　77

4.4　 小结　85

第5章　 Ext JS开发模式　86

5.1　 程序规划　86

5.1.1　 设计HTML文件　86

5.1.2　 设计对应的JS文件　87

5.2　 使用Ext.onReady函数　95

5.2.1　 创建命名空间　95

5.2.2　 自定义函数　95

5.3　 确定页面布局　97

5.4　 使用组件　98

5.5　 与后台进行交互　100

5.6　 小结　101

第6章　 Ext JS布局　102

6.1　 Ext JS的布局方式　102

6.2　 Border布局　106

6.3　 Fit布局　110

6.4　 Accordion布局　111

6.5　 Form布局　115

6.6　 Column布局　116

6.7　 Card布局　120

6.8　 Table布局　121

6.9　 小结　124

第7章　 表单组件　125

7.1　 Form表单简介　125

7.1.1　 Form表单的基本属性　125

7.1.2　 Ext JS对Form表单的封装　128

7.2　 Ext JS的表单组件　132

7.2.1　 文本输入　134

7.2.2　 多行文本输入　136

7.2.3　 单选框　138

7.2.4　 复选框　139

7.2.5　 下拉列表　141

7.2.6　 日期元件　141

7.3　 Ext JS表单组件的使用　142

7.4　 小结　147

第8章　 表格组件　148

8.1　 Table表格简介　148

8.1.1　 Table表格的基本属性　148

8.1.2　 Ext JS对Table表格的封装　150

8.2　 Ext JS的表格元件　152

8.2.1　 常用配置　152

8.2.2　 常用事件　154

8.3　 Ext JS表格组件应用示例　154

8.3.1　 合理划分JS文件　154

8.3.2　 定义表格组件　155

8.4　 采用表格组件展示数据　161

8.5　 小结　169

第9章　 表格组件的扩充　170

9.1　 可编辑表格组件的继承模型　170

9.2　 Ext JS可编辑表格组件的使用　171

9.3　 实现分页功能　174

9.3.1　 使用GridPanel展现数据　174

9.3.2　 为store配置proxy用于动态请求分页数据　175

9.3.3　 使用PagingToolbar实现分页工具栏　175

9.4　 实现分组功能　176

9.4.1　 配置GroupStore　176

9.4.2　 配置GroupView　176

9.5　 表格组件扩充综合示例　179

9.6　 小结　185

第10章　 树形组件　186

10.1　 树形组件介绍　186

10.2　 如何使用树形组件　187

10.2.1　 创建树的节点　187

10.2.2　 定义单击事件　188

10.3　 树形组件的扩充　190

10.3.1　 可以多选的树形组件　190

10.3.2　 可以显示更多信息的树形组件　191

10.3.3　 可以拖动的树形组件　192

10.4　 树形组件综合示例　194

10.5　 小结　203

第11章　 窗口组件　204

11.1　 JavaScript的弹出对话框　204

11.1.1　 alert　204

11.1.2　 prompt　205

11.1.3　 confirm　205

11.1.4　 open　206

11.2　 Ext JS的弹出对话框　208

11.2.1　 MessageBox　208

11.2.2　 各种对话框的使用方法　212

11.3　 Ext.window的使用方法　216

11.4　 小结　218

第12章　 工具栏与菜单栏组件　219

12.1　 工具栏组件介绍　219

12.2　 如何使用工具栏组件　222

12.2.1　 添加按钮事件的工具栏　222

12.2.2　 创建带分隔条的工具栏　223

12.3　 菜单栏组件介绍　224

12.4　 如何使用菜单栏组件　231

12.5　 小结　232

第13章　 AJAX应用与数据交互　233

13.1　 Ext.Ajax　233

13.2　 Ext.data.Store　237

13.2.1　 存储数据　237

13.2.2　 更新数据　238

13.3　 Ext.data.Reader　239

13.3.1　 Ext.data.ArrayReader　240

13.3.2　 Ext.data.JsonReader　242

13.3.3　 Ext.data.XmlReader　243

13.4　 小结　245

第14章　 REST介绍　246

14.1　 基础知识概述　246

14.1.1　 HTTP简介　246

14.1.2　 REST简介　247

14.1.3　 JSR 311规范简介　247

14.1.4　 Jersey简介　248

14.2　 REST开发示例　248

14.2.1　 资源类的命名规则　249

14.2.2　 URI接口组织规则　249

14.2.3　 示例URI接口的定义　250

14.2.4　 Resource类的编写　250

14.2.5　 统一异常处理类的编写　251

14.3　 Jersey项目的部署　252

14.3.1　 包结构规范　252

14.3.2　 部署文件（web.xml）设定说明及运行　252

14.4　 Jersey的常用annotation表　253

14.5　 Jersey的使用示例　254

14.6　 小结　261

第15章　 封装Ext JS提高开发速度　262

15.1　 完整的Ext JS开发流程　262

15.1.1　 定义画面的组成　262

15.1.2　 定义数据模型　263

15.1.3　 确定页面组件的相互引用　264

15.1.4　 确定前后台的数据交互　265

15.2　 设计通用的工具类　265

15.2.1　 全局变量类Global.js　266

15.2.2　 工具类Util.js　276

15.3　 扩展Ext JS的组件功能　278

15.3.1　 表单补丁类　279

15.3.2　 表格补丁类　280

15.4　 定义常见的应用场景　282

15.4.1　 单笔CRUD场景　282

15.4.2　 主从画面场景　298

15.4.3　 树形结构场景　315

15.5　 小结　323

第三篇　 AJAX整合实践

第16章　 Ext3+REST+Spring2+ Hibernate3整合方案　326

16.1　 博客管理系统简介　326

16.1.1　 博客管理系统功能介绍　326

16.1.2　 架构设计　330

16.2　 Spring简介　331

16.2.1　 Spring的核心思想　332

16.2.2　 Spring的下载配置　333

16.3　 Hibernate简介　336

16.3.1　 Hibernate介绍　336

16.3.2　 JPA的关系映射　342

16.3.3　 Ext JS、Jersey、Hibernate与Spring的整合　344

16.4　 博客管理系统示例　353

16.4.1　 持久层模型设计　354

16.4.2　 添加博客类别功能的实现　364

16.4.3　 发布博客功能的实现　366

16.4.4　 Resources模型设计　367

16.4.5　 管理博客类别的画面设计　370

16.4.6　 发布博客内容的画面设计　377

16.4.7　 浏览博客内容的画面设计　385

16.4.8　 编写配置文件　386

16.4.9　 程序演示　388

16.5　 小结　391

第17章　 工时统计管理系统　392

17.1　 工时统计系统简介　392

17.1.1　 工时统计系统功能简介　392

17.1.2　 采用REST进行架构组合　393

17.2　 持久层模型设计　400

17.2.1　 设计数据模型　400

17.2.2　 设计DAO模型　406

17.3　 业务逻辑模型设计　410

17.3.1　 工时大类业务逻辑　410

17.3.2　 工时细分类业务逻辑　412

17.3.3　 工时填写业务逻辑　415

17.3.4　 工时细项填写业务逻辑　417

17.4　 Resources模型设计　420

17.4.1　 工时大类Resources　420

17.4.2　 工时细分类Resources　423

17.4.3　 工时填写Resources　425

17.5　 前台画面设计　428

17.5.1　 设计工时类别画面　429

17.5.2　 设计工时填写画面　444

17.6　 编写配置文件　454

17.7　 运行演示程序　457

17.8　 小结　460