《精通Ext JS》站在開發者的角度思考問題,用實際示例講解如何用Ext JS組件實現絕妙的應用程序,并展現從界面原型到產品化構造的各個階段,最終實現一個完整的應用程序。Loiane Groner將帶我們構建應用結構、啟動界面、登錄界面、多語言支持功能、行為監控功能、取決于用戶權限的動態菜單,以及(或簡單或復雜的)數據庫信息管理模塊。之后,我們會學習產品構造方法、將Web應用轉換成原生桌面應用,以及調試與測試。本書后面還專設一章,介紹如何使用Ext JS創建WordPress主題。
《精通Ext JS》適合Ext JS開發人員,以及欲進一步提升技能開發更優秀Web應用的開發人員閱讀參考。
Loiane Groner 花旗銀行軟件開發經理,負責海外項目的開發和團隊管理工作;原IBM公司系統分析師及團隊負責人;巴西坎皮納斯Java用戶組(CampinasJUG/SouJava Campinas)領導者、圣埃斯皮里圖Java用戶組(ESJUG)協調人;巴西各大型技術會議特邀發言人;Sencha和Java技術布道者,通過博客(http://loianegroner.com和http://loiane.com)為軟件開發社區撰稿,發表關于IT職業發展、Ext JS、Sencha Touch、Sencha Architect、Java及常用開發技術方面的文章和視頻。另外,她還著有Ext JS 4 First Look和Sencha Architect App Development。
目 錄
第1章 啟程
1.1 安裝所需軟件
1.2 展示應用及其功能
1.2.1 啟動界面
1.2.2 登錄界面
1.2.3 主界面
1.2.4 用戶控制管理
1.2.5 MySQL數據庫表管理
1.2.6 內容管理控制
1.2.7 電子郵件客戶端模塊
1.3 用MVC創建應用框架
1.3.1 MVC簡介
1.3.2 創建應用
1.4 創建加載頁面
目 錄
第1章 啟程
1.1 安裝所需軟件
1.2 展示應用及其功能
1.2.1 啟動界面
1.2.2 登錄界面
1.2.3 主界面
1.2.4 用戶控制管理
1.2.5 MySQL數據庫表管理
1.2.6 內容管理控制
1.2.7 電子郵件客戶端模塊
1.3 用MVC創建應用框架
1.3.1 MVC簡介
1.3.2 創建應用
1.4 創建加載頁面
1.5 小結
第2章 登錄界面
2.1 登錄界面
2.2 創建登錄界面
2.2.1 客戶端驗證
2.2.2 添加帶有按鈕的工具欄
2.2.3 運行代碼
2.2.4 itemId還是id:Ext.Cmp的問題
2.3 創建登錄控制器
2.3.1 在app.js中添加控制器
2.3.2 監聽按鈕點擊事件
2.4 創建用戶和用戶組表
2.5 服務器端的登錄界面處理
2.5.1 連接數據庫
2.5.2 login.php
2.5.3 處理服務器端的返回結果——登錄與否
2.6 優化登錄界面
2.6.1 進行認證時為表單提供一個加載遮罩
2.6.2 回車提交表單
2.6.3 大寫鍵提醒信息
2.7 小結
第3章 注銷與多語言支持
3.1 基本應用界面
3.2 注銷功能
3.2.1 重構登錄和注銷代碼
3.2.2 服務器端注銷功能
3.2.3 客戶端行為監控
3.3 多語言支持
3.3.1 創建語言轉換組件
3.3.2 創建轉換文件
3.3.3 使用轉換信息
3.3.4 HTML5本地存儲
3.3.5 實時的語言切換
3.3.6 本地化:Ext JS語言轉換
3.4 小結
第4章 動態菜單高級應用
4.1 創建動態菜單
4.1.1 數據庫模型:用戶組、菜單及權限
4.1.2 創建菜單模型:hasMany綁定
4.1.3 創建數據存儲器:通過服務器端加載菜單
4.1.4 在服務器端處理動態菜單
4.1.5 用折疊面板和樹形面板創建菜單
4.1.6 在視見區替換中央區域容器
4.1.7 創建菜單控制器
4.1.8 改動app.js
4.2 小結
第5章 用戶鑒權與安全
5.1 用戶管理
5.2 列出所有用戶:簡單的網格面板
5.2.1 用戶模型
5.2.2 用戶存儲器
5.2.3 用戶網格面板
5.2.4 用戶控制器
5.3 添加和編輯用戶
5.3.1 創建編輯視圖:窗體里的表單
5.3.2 用戶組模型
5.3.3 用戶組集模型
5.3.4 控制器:監聽Add按鈕事件
5.3.5 控制器:監聽Edit按鈕事件
5.3.6 控制器:保存用戶信息
5.3.7 控制器:監聽Cancel按鈕
5.3.8 在上傳之前預覽文件
5.4 刪除用戶
5.5 小結
第6章 MySQL數據庫表管理
6.1 呈現數據庫表
6.2 創建模型
6.2.1 抽象模型
6.2.2 特定模型
6.3 創建存儲器
6.3.1 抽象存儲器
6.3.2 抽象代理類
6.3.3 特定存儲器
6.4 創建菜單項
6.5 創建重用的抽象網格面板
6.5.1 用MVC架構模式處理操作列
6.5.2 在操作列用iconCls屬性取代icon屬性
6.5.3 比較即席搜索插件與過濾插件
6.5.4 對應每張數據庫表的特定網格面板
6.6 通用控制器
6.6.1 在網格渲染時加載網格面板
6.6.2 在網格面板上添加記錄
6.6.3 編輯存在記錄
6.6.4 刪除:在控制器中處理操作列
6.6.5 保存變更
6.6.6 取消變更
6.6.7 清除過濾器
6.6.8 在控制器中監聽存儲器事件
6.7 小結
第7章 內容管理
7.1 管理影片、客戶和租借信息
7.2 呈現影片數據網格
7.2.1 影片模型
7.2.2 影片存儲器
7.2.3 帶分頁功能的影片數據網格
7.2.4 創建控制器
7.3 影片網格面板編輯功能
7.3.1 Packt.view.sakila.WindowForm
7.3.2 影片類別
7.3.3 演員信息
7.4 影片控制器
7.4.1 在編輯表單中加載已有影片信息
7.4.2 獲取MultiSelect組件值
7.4.3 通過即席搜索獲取所選演員
7.5 小結
第8章 添加額外功能
8.1 將網格面板信息導出成PDF和Excel格式
8.1.1 導出成PDF格式
8.1.2 導出成Excel格式
8.2 通過網格打印插件打印網格面板內容
8.3 創建影片類別銷售圖
8.3.1 餅圖
8.3.2 柱狀圖
8.3.3 圖表面板
8.3.4 更改圖表類型
8.3.5 圖表導出成圖片格式(PNG和SVG)
8.3.6 圖表導出成PDF格式
8.4 小結
第9章 電子郵件客戶端模塊
9.1 創建收件箱:郵件列表
9.1.1 郵件信息模型
9.1.2 郵件信息存儲器
9.1.3 郵件列表視圖
9.1.4 郵件預覽面板
9.2 郵件菜單(樹形菜單)
9.2.1 樹形郵件菜單存儲器
9.2.2 創建郵件菜單視圖
9.3 郵件容器:組織電子郵件客戶端
9.4 控制器
9.5 組織電子郵件:拖放
9.6 創建新郵件
9.6.1 動態呈現Cc和Bcc字段
9.6.2 動態添加文件上傳字段
9.7 小結
第10章 產品化準備
10.1 開始之前
10.2 自定義主題
10.3 為產品發布打包應用
10.3.1 發布成產品的內容
10.3.2 產品化的優點
10.4 從Web到桌面:Sencha Desktop Packager
10.4.1 安裝Sencha Desktop Packager
10.4.2 應用打包
10.4.3 服務器端代碼調整
10.5 小結
第11章 創建WordPress主題
11.1 安裝WordPress
11.2 WordPress主題簡介
11.3 組織主題結構
11.4 構建頭部
11.5 構建頁腳
11.6 構建主頁面
11.7 構建側邊欄
11.8 構建單一文章頁面
11.9 構建單一頁面
11.10 小結
第12章 調試與測試
12.1 調試Ext JS應用程序
12.2 測試Ext JS應用程序
12.2.1 使用Sencha command生成“測試”構造
12.2.2 安裝Siesta并創建測試用例
12.3 有用的工具箱
12.4 從Ext JS應用到移動應用
12.5 第三方組件和插件
12.6 小結