疯狂Ajax讲义 jQuery/Ext JS/Prototype/DWR企业应用前端开发实战 第3版PDF电子书下载

第1章 Ajax概述与Ajax初体验 1

1.1 重新思考Web应用 2

1.1.1 应用系统的发展史 2

1.1.2 传统Web应用的优势和缺点 5

1.2 重新设计Web应用 5

1.2.1 富Internet应用 6

1.2.2 使用Ajax 7

1.3 Ajax技术介绍 7

1.3.1 Ajax的工作方式 8

1.3.2 Ajax技术核心：XMLHttpRequest 8

1.3.3 Ajax的编程脚本：JavaScript语言 8

1.3.4 HTML页面的DOM模型 9

1.3.5 动态加载和显示数据 9

1.3.6 Ajax的特征 10

1.3.7 Ajax带来的典型优势 11

1.4 开发传统的B/S聊天室 13

1.4.1 实现业务逻辑组件 14

1.4.2 实现控制器 16

1.4.3 实现视图 18

1.4.4 传统B/S聊天室的问题 19

1.5 Ajax聊天室 20

1.5.1 异步发送请求 20

1.5.2 解决多余刷新的问题 22

1.5.3 解析服务器响应 24

1.5.4 何时发送请求 25

1.5.5 Ajax聊天室的特点 29

1.6 Ajax编程的技术难点 29

1.7 传统Web应用与Ajax应用的对比 31

1.8 本章小结 32

第2章 XMLHttpRequest对象详解 33

2.1 XMLHttpRequest对象概述 34

2.2 XMLHttpRequest的方法和属性 34

2.2.1 XMLHttpRequest的方法 35

2.2.2 XMLHttpRequest的属性 38

2.3 发送请求 41

2.3.1 发送简单请求 41

2.3.2 发送GET请求 43

2.3.3 发送POST请求 46

2.3.4 发送请求时的编码问题 47

2.3.5 发送XML请求 51

2.4 处理服务器响应 54

2.4.1 处理的时机 54

2.4.2 使用文本响应 54

2.4.3 使用JSON响应 54

2.5 XMLHttpRequest对象的运行周期 57

2.6 Ajax必须解决的问题 58

2.6.1 跨浏览器问题 58

2.6.2 安全性问题 59

2.6.3 性能问题 61

2.7 本章小结 65

第3章 jQuery库详解 66

3.1 jQuery入门 67

3.1.1 理解jQuery的设计 67

3.1.2 下载和安装jQuery 68

3.1.3 让jQuery与其他JavaScript库共存 69

3.2 获取jQuery对象 69

3.2.1 jQuery核心函数 70

3.2.2 jQuery与jQuery.holdReady 71

3.2.3 以CSS选择器访问DOM元素 72

3.2.4 选择器的附加限定词 74

3.2.5 表单相关的选择器 77

3.3 jQuery操作类数组的工具方法 80

3.3.1 过滤相关方法 81

3.3.2 仿DOM导航查找的相关方法 83

3.3.3 链接方法 85

3.4 jQuery支持的方法 86

3.4.1 jQuery命名空间的方法 86

3.4.2 数据存储的相关方法 90

3.4.3 操作属性的相关方法 91

3.4.4 操作CSS属性的相关方法 93

3.4.5 操作元素内容的相关方法 96

3.4.6 操作DOM节点的相关方法 98

3.5 jQuery事件相关方法 103

3.5.1 绑定事件处理函数 103

3.5.2 特定事件相关的方法 105

3.5.3 事件对象 106

3.6 动画效果相关的方法 108

3.6.1 简单动画和复杂动画 108

3.6.2 操作动画队列 111

3.7 jQuery的回调支持 112

3.7.1 回调支持的基本用法 112

3.7.2 创建Callbacks支持的选项 114

3.8 Ajax相关方法 116

3.8.1 三个工具方法 116

3.8.2 使用load方法 117

3.8.3 jQuery.ajax（options）与jQuery.ajaxSetup（options） 119

3.8.4 使用get/post方法 120

3.9 jQuery的Deferred对象 123

3.9.1 jQuery的异步调用 123

3.9.2 为多个耗时操作指定回调函数 127

3.9.3 为普通对象增加Defered接口 127

3.9.4 jQuery对象的promise方法 128

3.10 扩展jQuery和jQuery插件 129

3.11 本章小结 130

第4章 基于jQuery的应用：电子相册系统 131

4.1 实现持久层 132

4.1.1 实现持久化类 132

4.1.2 配置SessionFactory 134

4.2 实现DAO组件 135

4.2.1 开发通用DAO组件 136

4.2.2 DAO接口定义 139

4.2.3 完成DAO组件的实现类 139

4.3 实现业务逻辑层 141

4.3.1 实现业务逻辑组件 141

4.3.2 配置业务逻辑组件 143

4.4 实现客户端调用 144

4.4.1 访问业务逻辑组件 144

4.4.2 处理用户登录 145

4.4.3 获得用户相片列表 148

4.4.4 处理翻页 149

4.4.5 通过隐藏iframe实现文件上传 150

4.4.6 页面加载时的处理 154

4.5 本章小结 155

第5章 Ext JS核心技术详解 157

5.1 Ext JS入门 158

5.1.1 下载和安装Ext JS 158

5.1.2 Ext入门示例 159

5.1.3 使用Ext JS文档 160

5.2 核心工具方法 162

5.2.1 Ext的属性和获取浏览器特性 162

5.2.2 onReady方法 163

5.2.3 Ext.defer方法 163

5.2.4 Ext.apply和Ext.applyIf方法 164

5.2.5 Ext.define、Ext.create和Ext.extend方法 166

5.2.6 Ext.isXxx方法 169

5.2.7 Ext.each和Ext.iterate方法 169

5.2.8 Ext.namespace方法 170

5.3 Ext JS扩展的工具方法 171

5.3.1 为Array扩展的工具方法 171

5.3.2 为Date扩展的工具方法 173

5.3.3 为Function扩展的工具方法 173

5.3.4 为Number扩展的工具方法 174

5.3.5 为Object扩展的工具方法 175

5.3.6 为String扩展的工具方法 175

5.3.7 JSON支持 176

5.4 简化的DOM操作 177

5.4.1 Ext.get、Ext.getXxx和Ext.fly方法 177

5.4.2 Ext.query、Ext.select方法与Ext.dom.Query工具类 178

5.4.3 DOM元素的常用操作 182

5.4.4 使用Ext.DomHelper、Ext.Template动态生成HTML 188

5.5 动画处理 192

5.5.1 使用Ext.fx.Anim实现简单动画 192

5.5.2 使用Ext.fx.Animator实现多关键帧动画 194

5.5.3 为元素增加动画 195

5.6 Ext JS的事件处理 197

5.6.1 使用Ext.EventManager管理事 件处理函数与Ext.EventObject事件对象 197

5.6.2 事件处理函数的执行范围和附加选项 200

5.6.3 使用Ext.util.Observable实现内部事件 201

5.7 实用工具集 203

5.7.1 Ext.util.HashMap与Ext.util.MixedCollection 203

5.7.2 使用Ext.util.Cookies操作Cookie 204

5.7.3 使用Ext.util.DelayedTask处理延时任务 205

5.7.4 包装单击事件：Ext.util.ClickRepeater 205

5.7.5 使用Ext.util.TaskRunner与Ext.TaskManager 206

5.7.6 使用Ext.util.KeyMap与Ext.util.KeyNav为元素处理按键事件 207

5.8 拖放 209

5.8.1 使用Ext.dd.DD和Ext.dd.DDProxy创建可拖放元素 209

5.8.2 用Ext.dd.DragSource创建拖动源与用Ext.dd.DropTarget创建放目标 210

5.8.3 用Ext.dd.DragZone创建拖动源与用Ext.dd.DropZone创建放目标 212

5.9 Ajax支持 214

5.10 本章小结 217

第6章 Ext JS界面组件详解 218

6.1 容器、面板和窗口 219

6.1.1 使用Ext.Component 220

6.1.2 使用Ext.container.Container创建容器 222

6.1.3 使用Ext.panel.Panel创建面板 223

6.1.4 使用Ext.toolbar.ToolBar添加工具条 226

6.1.5 使用Exttab.Panel创建Tab面板 229

6.1.6 使用Ext.container.Viewport整体布局 231

6.1.7 使用Ext.window.Window创建窗口 234

6.1.8 使用Ext.window.MessageBox创建对话框 235

6.2 布局 238

6.2.1 容器与布局的关系 238

6.2.2 垂直布局与水平布局 238

6.2.3 使用Ext.resizer.Resizer为组件增加大小调整功能 239

6.2.4 使用Ext.resizer.Splitter为盒布局增加大小调整的功能 241

6.2.5 使用Ext.layout.container.Accordion实现折叠布局 242

6.2.6 使用Ext.layout.container.Border实现边框布局 244

6.2.7 使用Ext.layout.container.Table实现表格布局 245

6.2.8 使用Ext.layout.container.Column实现列布局 246

6.2.9 使用Ext.layout.container.Auto实现自动布局 248

6.2.10 使用Ext.layout.container.Fit实现自适应布局 249

6.2.11 使用Ext.layout.container.Card实现卡片布局 250

6.2.12 使用Ext.layout.container.Anchor实现锚布局 252

6.2.13 使用Ext.layout.container.Absolute实现绝对布局 253

6.3 菜单及菜单项 254

6.3.1 使用菜单 254

6.3.2 使用Ext.menu.CheckItem实现可勾选菜单项 256

6.3.3 使用Ext.menu.ColorPicker创建颜色选择器菜单 257

6.3.4 使用Ext.menu.DatePicker创建日期选择菜单 258

6.4 按钮 259

6.4.1 使用按钮 259

6.4.2 带菜单的按钮 261

6.4.3 带分割线的按钮：Ext.button.SPlit 263

6.4.4 多状态按钮：Ext.button.Cycle 264

6.4.5 使用Ext.container.ButtonGroup创建按钮组 266

6.4.6 使用Ext.Action 267

6.5 其他组件及实用功能 270

6.5.1 使用Ext.ProgressBar创建进度条 270

6.5.2 使用Ext.slider.Single创建滑动条 274

6.5.3 使用Ext.slider.Multi创建多滑块滑动条 276

6.5.4 使用Ext.Img创建图片 277

6.5.5 使用Ext.Editor创建编辑器 278

6.5.6 使用Ext.tip.ToolTip创建提示 279

6.5.7 使用Ext.tip.QuickTipManager和Ext.tip.QuickTip创建提示 283

6.5.8 使用Ext.ux.GMapPanel实现Google地图 284

6.6 表单 286

6.6.1 使用Ext.form.Panel与Ext.form.Basic创建表单 288

6.6.2 配置输入校验选项 292

6.6.3 使用vtype选项配置输入校验 294

6.6.4 使用Ext.form.action.Submit提交表单 297

6.6.5 使用Ext.form.action.Load为表单装载数据 300

6.6.6 使用Ext.form.action.StandardSubmit提交表单 303

6.6.7 单行文本框、密码框 303

6.6.8 使用Ext.form.field.Number创建数值框 305

6.6.9 使用Ext.form.field.Date创建日期选择框 306

6.6.10 使用Ext.form.field.Spinner创建微调选择框 308

6.6.11 使用Ext.form.field.TextArea创建文本域 309

6.6.12 使用Ext.form.field.HtmlEditor创建富文本编辑器 310

6.6.13 使用Ext.form.fieldFile上传文件 311

6.6.14 使用Ext.form.field.Checkbox创建复选框 314

6.6.15 使用Ext.form.field.Radio创建单选按钮 317

6.6.16 使用Ext.form.field.ComboBox创建复合框 319

6.6.17 使用远程数据、queryMode为local的复合框 321

6.6.18 queryMode为remote的复合框 323

6.6.19 为Ext.form.field.ComboBox增加分页功能 325

6.6.20 实现Ext.form.field.ComboBox二级联动 327

6.6.21 使用Ext.form.FieldSet组合表单控件 330

6.7 Ext JS的数据中心 332

6.7.1 Ext.data.Model与Ext.data.Field 332

6.7.2 使用Ext.data.proxy.Proxy和Ext.data.reader.Reader读取数据 335

6.7.3 Ext.data.Store及其子类 336

6.8 使用Ext.grid.Panel生成表格 337

6.8.1 使用Ext.grid.Panel生成表格 337

6.8.2 使用Ext.grid.column.Column定义列 339

6.8.3 使用Ext.grid.Panel显示远程数据 342

6.8.4 对Ext.grid.Panel表格进行分页 343

6.8.5 对本地数据进行分页 344

6.8.6 表格数据排序和过滤 346

6.8.7 通过表格特性对表格数据进行分组 347

6.8.8 开发动态编辑的表格 349

6.8.9 允许拖动数据的表格 352

6.8.10 使用Ext.grid.column.Action操作表格数据 356

6.9 使用Ext.tree.Panel生成树 360

6.9.1 树有关的类及简单树 360

6.9.2 添加、删除、修改树节点 362

6.9.3 带复选框的树节点 365

6.9.4 表格树 366

6.9.5 异步加载树节点 368

6.9.6 树节点的拖放与通过拖放更新底层数据 372

6.10 本章小结 376

第7章 Prototype库详解 377

7.1 Prototype的下载和安装 378

7.1.1 什么是Prototype库 378

7.1.2 下载和安装Prototype库 379

7.1.3 使用Prototype对象 379

7.2 Prototype的工具函数 380

7.2.1 使用＄（）函数 380

7.2.2 使用＄＄（）函数 382

7.2.3 使用＄A（）函数 384

7.2.4 使用＄F（）函数 385

7.2.5 使用＄w（）函数 386

7.2.6 使用＄H（）函数 386

7.2.7 使用＄R（）函数 387

7.2.8 使用Try.these（）函数 388

7.3 Prototype的JSON支持 389

7.4 Prototype的自定义对象和类 390

7.4.1 使用Element对象 390

7.4.2 使用Element.Methods 394

7.4.3 使用Enumerable 394

7.4.4 使用ObjectRange 398

7.4.5 使用Form.Element操作表单控件 399

7.4.6 使用Form操作表单 400

7.4.7 使用Hash对象 402

7.4.8 使用Event 404

7.4.9 使用Template 405

7.4.10 使用Class 406

7.4.11 两个常用的监听器 407

7.5 Prototype常用的扩展 409

7.5.1 扩展Array 409

7.5.2 扩展document 410

7.5.3 扩展String 411

7.5.4 扩展Function 414

7.5.5 扩展Number 415

7.6 Prototype的Ajax支持 416

7.6.1 使用Ajax.Request类 416

7.6.2 利用Form.request方法 420

7.6.3 使用Ajax.Responders对象 421

7.6.4 使用Ajax对象 422

7.6.5 使用Ajax.Updater类 423

7.6.6 使用Ajax.PeriodicalUpdater类 426

7.7 本章小结 428

第8章 基于Prototype库的应用：自动完成 429

8.1 应用的基本分析和持久层设计 430

8.1.1 数据要求 430

8.1.2 实现持久化类 430

8.1.3 实现DAO组件 432

8.1.4 部署DAO组件 434

8.2 实现Service组件 435

8.3 使用Servlet提供服务器响应 437

8.3.1 根据前缀查询品牌 438

8.3.2 根据品牌查询型号 439

8.3.3 根据型号查询详细信息 439

8.4 客户端HTML页面实现 440

8.5 增加HTML页面的事件响应能力 442

8.5.1 实现品牌输入框的事件处理器 442

8.5.2 实现键盘事件的处理器 444

8.5.3 根据品牌提示型号 446

8.5.4 根据型号显示描述 447

8.5.5 注册Ajax事件监听器 448

8.6 本章小结 449

第9章 DWR框架详解 451

9.1 DWR的下载和安装 452

9.1.1 什么是DWR 452

9.1.2 下载和安装DWR 453

9.2 使用DWR 457

9.2.1 编写处理类 458

9.2.2 配置DWR 460

9.3 使用DWR的转换器 461

9.3.1 基本转换器 461

9.3.2 对象转换器 462

9.3.3 数组转换器 464

9.3.4 集合类型转换器 464

9.4 方法声明定义 465

9.5 使用DWR的创建器 466

9.5.1 创建器的配置 466

9.5.2 使用new创建器 468

9.5.3 使用none创建器 469

9.5.4 使用script创建器 469

9.6 调用服务器端的方法 470

9.6.1 调用服务器端方法的通用配置 471

9.6.2 使用简单回调 472

9.6.3 使用JSON格式的回调 476

9.6.4 将客户端参数传递到回调函数 479

9.7 使用enginejs 480

9.7.1 设置调用顺序 480

9.7.2 设置全局超时时长 481

9.7.3 设置全局Hook函数 481

9.7.4 设置全局处理函数 481

9.7.5 设置常用的全局选项 482

9.7.6 批处理 482

9.8 使用util.js 483

9.8.1 使用＄（） 483

9.8.2 处理列表 483

9.8.3 处理表格 488

9.8.4 访问HTML元素值 492

9.8.5 几个工具函数 494

9.9 整合第三方Java EE框架 496

9.9.1 访问ServletAPI 496

9.9.2 整合Spring 500

9.10 使用DWR注释 502

9.10.1 初始配置 502

9.10.2 标注创建器和转换器 503

9.11 异常处理 504

9.12 反向Ajax 506

9.12.1 配置反向Ajax 506

9.12.2 在Java方法中操作Web页 507

9.12.3 在客户端调用反向Ajax方法 509

9.13 DWR 3简化的文件上传 510

9.13.1 文件上传的处理类 510

9.13.2 调用JavaScript完成文件上传 512

9.14 本章小结 514

第10章 基于DWR的应用：即时消息系统 515

10.1 实现Hibemate持久层 516

10.1.1 实现持久化类 516

10.1.2 将POJO映射成持久化对象 518

10.2 实现DAO组件 519

10.2.1 实现DAO组件 519

10.2.2 部署DAO组件 520

10.3 实现业务逻辑组件 521

10.3.1 业务逻辑组件的接口 521

10.3.2 业务逻辑组件的实现类 522

10.3.3 部署业务逻辑组件 525

10.4 开发DWR前端处理类 526

10.4.1 实现DWR前端处理组件 526

10.4.2 为前端处理器增加权限控制 528

10.5 处理异步请求 529

10.5.1 将Spring容器中的Bean创建成JavaScript对象 529

10.5.2 处理用户登录 531

10.5.3 处理用户注册 532

10.5.4 处理消息发布 534

10.5.5 获取消息列表 535

10.5.6 处理分页 536

10.5.7 查看消息内容 537

10.5.8 页面加载时的处理 538

10.6 本章小结 539

第11章 基于Ext JS 4.1 的应用：简易Blog系统 540

11.1 实现Hibernate持久层 541

11.1.1 设计Hibernate的持久化类 541

11.1.2 完成映射文件 543

11.2 实现DAO组件 545

11.2.1 DAO接口定义 546

11.2.2 实现DAO组件 546

11.2.3 配置DAO组件 547

11.3 实现业务逻辑组件 548

11.3.1 业务逻辑组件的接口 548

11.3.2 业务逻辑组件的实现类 549

11.3.3 配置业务逻辑组件 552

11.4 使用Ext JS开发前端 553

11.4.1 初始化界面 553

11.4.2 显示指定Blog文章 557

11.4.3 显示回复列表 559

11.4.4 添加回复 561

11.4.5 发表新Blog文章 565

11.5 本章小结 569

第12章 Ajax实例：电子拍卖系统 570

12.1 总体说明和概要设计 571

12.1.1 系统的总体架构设计 571

12.1.2 数据库设计 572

12.2 实现Hibernate持久化类 573

12.2.1 设计Domain Object 574

12.2.2 实现Domain Object 575

12.3 DAO层实现 579

12.3.1 DAO的基础配置 579

12.3.2 实现DAO组件 580

12.3.3 部署DAO组件 583

12.4 业务逻辑层实现 584

12.4.1 设计业务逻辑组件 584

12.4.2 依赖注入DAO组件 586

12.4.3 业务逻辑组件的异常处理 587

12.4.4 处理用户竞价 588

12.4.5 判断拍卖物品状态 590

12.4.6 事务管理 592

12.4.7 配置业务层组件 592

12.5 暴露前端处理方法 595

12.5.1 定义DWR前端处理类 595

12.5.2 初始化Spring容器 597

12.5.3 配置DWR的核心Servlet 597

12.5.4 暴露前端处理方法 598

12.5.5 对前端处理方法增加权限检查 600

12.6 调用前端处理方法响应用户请求 601

12.6.1 页面加载时的函数 601

12.6.2 处理返回首页的请求 602

12.6.3 浏览所有流拍物品 602

12.6.4 处理用户登录 605

12.6.5 管理物品 609

12.6.6 管理物品种类 612

12.6.7 查看竞得物品 616

12.6.8 查看自己的竞价记录 617

12.6.9 浏览拍卖物品 619

12.6.10 参与竞价 621

12.7 本章小结 624