精通Ext JS

目　录

第1章　启程　1

1．1　安装所需软件　1

1．2　展示应用及其功能　3

1．2．1　启动界面　3

1．2．2　登录界面　4

1．2．3　主界面　4

1．2．4　用户控制管理　5

1．2．5　MySQL数据库表管理　5

1．2．6　内容管理控制　6

1．2．7　电子邮件客户端模块　7

1．3　用MVC创建应用框架　8

1．3．1　MVC简介　8

1．3．2　创建应用　9

1．4　创建加载页面　14

1．5　小结　19

第2章　登录界面　20

2．1　登录界面　20

2．2　创建登录界面　21

2．2．1　客户端验证　24

2．2．2　添加带有按钮的工具栏　26

2．2．3　运行代码　27

2．2．4　itemId还是id：Ext．Cmp的问题　28

2．3　创建登录控制器　28

2．3．1　在app．js中添加控制器　29

2．3．2　监听按钮点击事件　30

2．4　创建用户和用户组表　38

2．5　服务器端的登录界面处理　39

2．5．1　连接数据库　39

2．5．2　login．php　40

2．5．3　处理服务器端的返回结果——登录与否　42

2．6　优化登录界面　45

2．6．1　进行认证时为表单提供一个加载遮罩　45

2．6．2　回车提交表单　46

2．6．3　大写键提醒信息　46

2．7　小结　50

第3章　注销与多语言支持　51

3．1　基本应用界面　51

3．2　注销功能　54

3．2．1　重构登录和注销代码　56

3．2．2　服务器端注销功能　58

3．2．3　客户端行为监控　58

3．3　多语言支持　59

3．3．1　创建语言转换组件　60

3．3．2　创建转换文件　62

3．3．3　使用转换信息　63

3．3．4　HTML5本地存储　63

3．3．5　实时的语言切换　64

3．3．6　本地化：Ext JS语言转换　67

3．4　小结　67

第4章　动态菜单高级应用　68

4．1　创建动态菜单　68

4．1．1　数据库模型：用户组、菜单及权限　69

4．1．2　创建菜单模型：hasMany绑定　70

4．1．3　创建数据存储器：通过服务器端加载菜单　73

4．1．4　在服务器端处理动态菜单　73

4．1．5　用折叠面板和树形面板创建菜单　76

4．1．6　在视见区替换中央区域容器　76

4．1．7　创建菜单控制器　77

4．1．8　改动app．js　80

4．2　小结　81

第5章　用户鉴权与安全　82

5．1　用户管理　82

5．2　列出所有用户：简单的网格面板　83

5．2．1　用户模型　83

5．2．2　用户存储器　84

5．2．3　用户网格面板　85

5．2．4　用户控制器　88

5．3　添加和编辑用户　89

5．3．1　创建编辑视图：窗体里的表单　89

5．3．2　用户组模型　93

5．3．3　用户组集模型　93

5．3．4　控制器：监听Add按钮事件　94

5．3．5　控制器：监听Edit按钮事件　95

5．3．6　控制器：保存用户信息　96

5．3．7　控制器：监听Cancel按钮　97

5．3．8　在上传之前预览文件　98

5．4　删除用户　99

5．5　小结　101

第6章　MySQL数据库表管理　102

6．1　呈现数据库表　102

6．2　创建模型　104

6．2．1　抽象模型　104

6．2．2　特定模型　105

6．3　创建存储器　106

6．3．1　抽象存储器　107

6．3．2　抽象代理类　107

6．3．3　特定存储器　111

6．4　创建菜单项　112

6．5　创建重用的抽象网格面板　113

6．5．1　用MVC架构模式处理操作列　118

6．5．2　在操作列用iconCls属性取代icon属性　118

6．5．3　比较即席搜索插件与过滤插件　119

6．5．4　对应每张数据库表的特定网格面板　120

6．6　通用控制器　121

6．6．1　在网格渲染时加载网格面板　122

6．6．2　在网格面板上添加记录　123

6．6．3　编辑存在记录　124

6．6．4　删除：在控制器中处理操作列　125

6．6．5　保存变更　125

6．6．6　取消变更　127

6．6．7　清除过滤器　127

6．6．8　在控制器中监听存储器事件　128

6．7　小结　128

第7章　内容管理　129

7．1　管理影片、客户和租借信息　129

7．2　呈现影片数据网格　133

7．2．1　影片模型　133

7．2．2　影片存储器　133

7．2．3　带分页功能的影片数据网格　135

7．2．4　创建控制器　141

7．3　影片网格面板编辑功能　142

7．3．1　Packt．view．sakila．WindowForm　147

7．3．2　影片类别　149

7．3．3　演员信息　154

7．4　影片控制器　159

7．4．1　在编辑表单中加载已有影片信息　159

7．4．2　获取MultiSelect组件值　160

7．4．3　通过即席搜索获取所选演员　161

7．5　小结　162

第8章　添加额外功能　163

8．1　将网格面板信息导出成PDF和Excel格式　163

8．1．1　导出成PDF格式　164

8．1．2　导出成Excel格式　166

8．2　通过网格打印插件打印网格面板内容　166

8．3　创建影片类别销售图　168

8．3．1　饼图　169

8．3．2　柱状图　170

8．3．3　图表面板　172

8．3．4　更改图表类型　175

8．3．5　图表导出成图片格式(PNG和SVG)　176

8．3．6　图表导出成PDF格式　177

8．4　小结　179

第9章　电子邮件客户端模块　180

9．1　创建收件箱：邮件列表　180

9．1．1　邮件信息模型　181

9．1．2　邮件信息存储器　181

9．1．3　邮件列表视图　182

9．1．4　邮件预览面板　186

9．2　邮件菜单(树形菜单)　187

9．2．1　树形邮件菜单存储器　187

9．2．2　创建邮件菜单视图　188

9．3　邮件容器：组织电子邮件客户端　189

9．4　控制器　191

9．5　组织电子邮件：拖放　193

9．6　创建新邮件　195

9．6．1　动态呈现Cc和Bcc字段　197

9．6．2　动态添加文件上传字段　198

9．7　小结　199

第10章　产品化准备　200

10．1　开始之前　200

10．2　自定义主题　201

10．3　为产品发布打包应用　206

10．3．1　发布成产品的内容　208

10．3．2　产品化的优点　209

10．4　从Web到桌面：Sencha Desktop Packager　210

10．4．1　安装Sencha Desktop Packager　210

10．4．2　应用打包　214

10．4．3　服务器端代码调整　216

10．5　小结　219

第11章　创建WordPress主题　220

11．1　安装WordPress　220

11．2　WordPress主题简介　222

11．3　组织主题结构　223

11．4　构建头部　225

11．5　构建页脚　229

11．6　构建主页面　230

11．7　构建侧边栏　232

11．8　构建单一文章页面　237

11．9　构建单一页面　238

11．10　小结　238

第12章　调试与测试　239

12．1　调试Ext JS应用程序　239

12．2　测试Ext JS应用程序　241

12．2．1　使用Sencha command生成“测试”构造　242

12．2．2　安装Siesta并创建测试用例　243

12．3　有用的工具箱　247

12．4　从Ext JS应用到移动应用　249

12．5　第三方组件和插件　250

12．6　小结　250

花旗银行软件开发经理、IBM系统分析师8年工作经验总结　　汇聚Java用户组领导者的精粹技巧　　每章一个任务，分模块细析应用开发《精通Ext JS》站在开发者的角度思考问题，用实际示例讲解如何用Ext JS组件实现绝妙的应用程序，并展现从界面原型到产品化构造的各个阶段，最终实现一个完整的应用程序。Loiane Groner将带我们构建应用结构、启动界面、登录界面、多语言支持功能、行为监控功能、取决于用户权限的动态菜单，以及(或简单或复杂的)数据库信息管理模块。之后，我们会学习产品构造方法、将Web应用转换成原生桌面应用，以及调试与测试。本书后面还专设一章，介绍如何使用Ext JS创建WordPress主题。 《精通Ext JS》适合Ext JS开发人员，以及欲进一步提升技能开发更优秀Web应用的开发人员阅读参考。【作者简介】LoianeGroner，花旗银行软件开发经理，负责海外项目的开发和团队管理工作；原IBM公司系统分析师及团队负责人；巴西坎皮纳斯Java用户组（CampinasJUG/SouJavaCampinas）领导者、圣埃斯皮里图Java用户组（ESJUG）协调人；巴西各大型技术会议特邀发言人；Sencha和Java技术布道者，通过博客为软件开发社区撰稿，发表关于IT职业发展、ExtJS、SenchaTouch、SenchaArchitect、Java及常用开发技术方面的文章和视频。另外，她还著有ExtJS4FirstLook和SenchaArchitectAppDevelopment。