精通Ext JS

目　錄
第1章　啟程　1
1．1　安裝所需軟件　1
1．2　展示應(yīng)用及其功能　3
1．2．1　啟動界面　3
1．2．2　登錄界面　4
1．2．3　主界面　4
1．2．4　用戶控制管理　5
1．2．5　MySQL數(shù)據(jù)庫表管理　5
1．2．6　內(nèi)容管理控制　6
1．2．7　電子郵件客戶端模塊　7
1．3　用MVC創(chuàng)建應(yīng)用框架　8
1．3．1　MVC簡介　8
1．3．2　創(chuàng)建應(yīng)用　9
1．4　創(chuàng)建加載頁面　14
1．5　小結(jié)　19
第2章　登錄界面　20
2．1　登錄界面　20
2．2　創(chuàng)建登錄界面　21
2．2．1　客戶端驗證　24
2．2．2　添加帶有按鈕的工具欄　26
2．2．3　運行代碼　27
2．2．4　itemId還是id：Ext．Cmp的問題　28
2．3　創(chuàng)建登錄控制器　28
2．3．1　在app．js中添加控制器　29
2．3．2　監(jiān)聽按鈕點擊事件　30
2．4　創(chuàng)建用戶和用戶組表　38
2．5　服務(wù)器端的登錄界面處理　39
2．5．1　連接數(shù)據(jù)庫　39
2．5．2　login．php　40
2．5．3　處理服務(wù)器端的返回結(jié)果——登錄與否　42
2．6　優(yōu)化登錄界面　45
2．6．1　進行認證時為表單提供一個加載遮罩　45
2．6．2　回車提交表單　46
2．6．3　大寫鍵提醒信息　46
2．7　小結(jié)　50
第3章　注銷與多語言支持　51
3．1　基本應(yīng)用界面　51
3．2　注銷功能　54
3．2．1　重構(gòu)登錄和注銷代碼　56
3．2．2　服務(wù)器端注銷功能　58
3．2．3　客戶端行為監(jiān)控　58
3．3　多語言支持　59
3．3．1　創(chuàng)建語言轉(zhuǎn)換組件　60
3．3．2　創(chuàng)建轉(zhuǎn)換文件　62
3．3．3　使用轉(zhuǎn)換信息　63
3．3．4　HTML5本地存儲　63
3．3．5　實時的語言切換　64
3．3．6　本地化：Ext JS語言轉(zhuǎn)換　67
3．4　小結(jié)　67
第4章　動態(tài)菜單高級應(yīng)用　68
4．1　創(chuàng)建動態(tài)菜單　68
4．1．1　數(shù)據(jù)庫模型：用戶組、菜單及權(quán)限　69
4．1．2　創(chuàng)建菜單模型：hasMany綁定　70
4．1．3　創(chuàng)建數(shù)據(jù)存儲器：通過服務(wù)器端加載菜單　73
4．1．4　在服務(wù)器端處理動態(tài)菜單　73
4．1．5　用折疊面板和樹形面板創(chuàng)建菜單　76
4．1．6　在視見區(qū)替換中央?yún)^(qū)域容器　76
4．1．7　創(chuàng)建菜單控制器　77
4．1．8　改動app．js　80
4．2　小結(jié)　81
第5章　用戶鑒權(quán)與安全　82
5．1　用戶管理　82
5．2　列出所有用戶：簡單的網(wǎng)格面板　83
5．2．1　用戶模型　83
5．2．2　用戶存儲器　84
5．2．3　用戶網(wǎng)格面板　85
5．2．4　用戶控制器　88
5．3　添加和編輯用戶　89
5．3．1　創(chuàng)建編輯視圖：窗體里的表單　89
5．3．2　用戶組模型　93
5．3．3　用戶組集模型　93
5．3．4　控制器：監(jiān)聽Add按鈕事件　94
5．3．5　控制器：監(jiān)聽Edit按鈕事件　95
5．3．6　控制器：保存用戶信息　96
5．3．7　控制器：監(jiān)聽Cancel按鈕　97
5．3．8　在上傳之前預(yù)覽文件　98
5．4　刪除用戶　99
5．5　小結(jié)　101
第6章　MySQL數(shù)據(jù)庫表管理　102
6．1　呈現(xiàn)數(shù)據(jù)庫表　102
6．2　創(chuàng)建模型　104
6．2．1　抽象模型　104
6．2．2　特定模型　105
6．3　創(chuàng)建存儲器　106
6．3．1　抽象存儲器　107
6．3．2　抽象代理類　107
6．3．3　特定存儲器　111
6．4　創(chuàng)建菜單項　112
6．5　創(chuàng)建重用的抽象網(wǎng)格面板　113
6．5．1　用MVC架構(gòu)模式處理操作列　118
6．5．2　在操作列用iconCls屬性取代icon屬性　118
6．5．3　比較即席搜索插件與過濾插件　119
6．5．4　對應(yīng)每張數(shù)據(jù)庫表的特定網(wǎng)格面板　120
6．6　通用控制器　121
6．6．1　在網(wǎng)格渲染時加載網(wǎng)格面板　122
6．6．2　在網(wǎng)格面板上添加記錄　123
6．6．3　編輯存在記錄　124
6．6．4　刪除：在控制器中處理操作列　125
6．6．5　保存變更　125
6．6．6　取消變更　127
6．6．7　清除過濾器　127
6．6．8　在控制器中監(jiān)聽存儲器事件　128
6．7　小結(jié)　128
第7章　內(nèi)容管理　129
7．1　管理影片、客戶和租借信息　129
7．2　呈現(xiàn)影片數(shù)據(jù)網(wǎng)格　133
7．2．1　影片模型　133
7．2．2　影片存儲器　133
7．2．3　帶分頁功能的影片數(shù)據(jù)網(wǎng)格　135
7．2．4　創(chuàng)建控制器　141
7．3　影片網(wǎng)格面板編輯功能　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　小結(jié)　162
第8章　添加額外功能　163
8．1　將網(wǎng)格面板信息導(dǎo)出成PDF和Excel格式　163
8．1．1　導(dǎo)出成PDF格式　164
8．1．2　導(dǎo)出成Excel格式　166
8．2　通過網(wǎng)格打印插件打印網(wǎng)格面板內(nèi)容　166
8．3　創(chuàng)建影片類別銷售圖　168
8．3．1　餅圖　169
8．3．2　柱狀圖　170
8．3．3　圖表面板　172
8．3．4　更改圖表類型　175
8．3．5　圖表導(dǎo)出成圖片格式(PNG和SVG)　176
8．3．6　圖表導(dǎo)出成PDF格式　177
8．4　小結(jié)　179
第9章　電子郵件客戶端模塊　180
9．1　創(chuàng)建收件箱：郵件列表　180
9．1．1　郵件信息模型　181
9．1．2　郵件信息存儲器　181
9．1．3　郵件列表視圖　182
9．1．4　郵件預(yù)覽面板　186
9．2　郵件菜單(樹形菜單)　187
9．2．1　樹形郵件菜單存儲器　187
9．2．2　創(chuàng)建郵件菜單視圖　188
9．3　郵件容器：組織電子郵件客戶端　189
9．4　控制器　191
9．5　組織電子郵件：拖放　193
9．6　創(chuàng)建新郵件　195
9．6．1　動態(tài)呈現(xiàn)Cc和Bcc字段　197
9．6．2　動態(tài)添加文件上傳字段　198
9．7　小結(jié)　199
第10章　產(chǎn)品化準(zhǔn)備　200
10．1　開始之前　200
10．2　自定義主題　201
10．3　為產(chǎn)品發(fā)布打包應(yīng)用　206
10．3．1　發(fā)布成產(chǎn)品的內(nèi)容　208
10．3．2　產(chǎn)品化的優(yōu)點　209
10．4　從Web到桌面：Sencha Desktop Packager　210
10．4．1　安裝Sencha Desktop Packager　210
10．4．2　應(yīng)用打包　214
10．4．3　服務(wù)器端代碼調(diào)整　216
10．5　小結(jié)　219
第11章　創(chuàng)建WordPress主題　220
11．1　安裝WordPress　220
11．2　WordPress主題簡介　222
11．3　組織主題結(jié)構(gòu)　223
11．4　構(gòu)建頭部　225
11．5　構(gòu)建頁腳　229
11．6　構(gòu)建主頁面　230
11．7　構(gòu)建側(cè)邊欄　232
11．8　構(gòu)建單一文章頁面　237
11．9　構(gòu)建單一頁面　238
11．10　小結(jié)　238
第12章　調(diào)試與測試　239
12．1　調(diào)試Ext JS應(yīng)用程序　239
12．2　測試Ext JS應(yīng)用程序　241
12．2．1　使用Sencha command生成“測試”構(gòu)造　242
12．2．2　安裝Siesta并創(chuàng)建測試用例　243
12．3　有用的工具箱　247
12．4　從Ext JS應(yīng)用到移動應(yīng)用　249
12．5　第三方組件和插件　250
12．6　小結(jié)　250