.png)
?
Extjs作為一款優(yōu)秀的JS前端開發(fā)框架以其良好的架構(gòu)、豐富的UI組件庫、完善的文檔和社區(qū)支持等諸多優(yōu)點(diǎn)擁有廣泛的市場應(yīng)用空間，開發(fā)人員無需過多的關(guān)注HTML、CSS甚至各種常用JS算法，只需把精力放在業(yè)務(wù)邏輯上，利用各種組件的相互組合調(diào)用便可輕松而高效的開發(fā)出系統(tǒng)的前端頁面。
?
Extjs5在之前版本的基礎(chǔ)上又推出了一系列實(shí)用而強(qiáng)大的功能，諸如：MVVM架構(gòu)，路由器，雙向數(shù)據(jù)綁定，平板支持，使Extjs的開發(fā)更加便捷，產(chǎn)品的用戶體驗(yàn)更好！并且Extjs仍在持續(xù)更新中。
?
目前市面上還沒有詳細(xì)講解Extjs5新特性及其實(shí)戰(zhàn)應(yīng)用的教程。講師通過實(shí)際的開發(fā)案例，將Extjs的基礎(chǔ)知識(shí)和Extjs5的新特性融匯貫通，詳細(xì)的講解了用Extjs5（MVVM+MVC并用）開發(fā)應(yīng)用的步驟、方法和技巧！同時(shí)采用Java做為后端開發(fā)語言，詳細(xì)講解了如何整合spring，spring mvc, mybatis等常用第三方框架，實(shí)現(xiàn)數(shù)據(jù)的前后端打通。
?
.jpg)
?
1.課程研發(fā)環(huán)境
開發(fā)工具:eclipse，sencha cmd；
數(shù)據(jù)庫工具:mysql5，mysql workbench，navicat premium；
其他工具:JsonView；
?
2.內(nèi)容簡介
本教程從Extjs5的開發(fā)環(huán)境搭建開始，講解了Extjs5的項(xiàng)目結(jié)構(gòu)（包括核心文件的作用），Extjs類的一些基本概念，布局、事件、MVVM和MVC架構(gòu)、路由器，數(shù)據(jù)綁定等的概念和實(shí)際使用，同時(shí)講解了開發(fā)中常用的extjs UI組件： panel, tabpanel,Tree, grid, form表單（及其驗(yàn)證方法），數(shù)據(jù)組件： store，model等，講解了動(dòng)態(tài)菜單、單表和子父表模塊等的開發(fā)方法以及后端spring,spring mvc,mybatis的整合和數(shù)據(jù)打通等。授人以魚不如授人以漁，課程重在培養(yǎng)學(xué)員快速學(xué)習(xí)快速開發(fā)以及分析和解決問題的能力！
.png)
?
1、 Extjs5概述及預(yù)期學(xué)習(xí)效果
2、 Extjs5工程目錄結(jié)構(gòu)和核心文件分析
3、 信息管理系統(tǒng)通用功能歸納 - 電商企業(yè)支撐系統(tǒng)演示
4、 信息管理系統(tǒng)通用功能歸納 - 通用功能提煉
5、 前端開發(fā) - 環(huán)境搭建
6、 前端開發(fā) - 改變默認(rèn)風(fēng)格,初試數(shù)據(jù)綁定
7、 前端開發(fā) - 理解Extjs類1（類定義，實(shí)例化，單例）
8、 前端開發(fā) - 理解Extjs類2（類繼承：單繼承、多繼承和覆蓋）
9、 前端開發(fā) - 理解Extjs類3（靜態(tài)屬性和方法： 可繼承的、不可繼承的）
10、前端開發(fā) - 理解Extjs類4（類引用，自動(dòng)getter和setter）
11、前端開發(fā) - 理解Extjs類5（xtype,alias,alternateClassName）
12、前端開發(fā) - 理解Extjs類6（模板方法，事件，自定義事件）
13、前端開發(fā) - 理解Extjs類7（命名規(guī)范）
14、前端開發(fā) - 主頁面 - 總體布局 （常用頁面布局方式...）1 （absolute， accordion）
15、前端開發(fā) - 主頁面 - 總體布局 （常用頁面布局方式...）2 （border）
16、前端開發(fā) - 主頁面 - 總體布局 （常用頁面布局方式...）3 （card）
17、前端開發(fā) - 主頁面 - 總體布局 （常用頁面布局方式...）4 （column）
18、前端開發(fā) - 主頁面 - 總體布局 （常用頁面布局方式...）5 （hbox,vbox）
19、前端開發(fā) - 主頁面 - 總體布局 （常用頁面布局方式...）6 （其他布局方式）
20、前端開發(fā) - 主頁面 - 構(gòu)建頂欄 （實(shí)現(xiàn)一： 利用 container，component，menu） 1
21、前端開發(fā) - 主頁面 - 構(gòu)建頂欄 （實(shí)現(xiàn)一： 利用 container，component，menu） 2
22、前端開發(fā) - 主頁面 - 構(gòu)建頂欄 （實(shí)現(xiàn)一： 利用 container，component，menu） 3
23、前端開發(fā) - 主頁面 - 構(gòu)建頂欄 （實(shí)現(xiàn)一： 利用 container，component，menu） 4
24、前端開發(fā) - 主頁面 - 構(gòu)建頂欄 （實(shí)現(xiàn)二： 利用 toolbar）
25、前端開發(fā) - 主頁面 - 構(gòu)建導(dǎo)航菜單 ( panel + treepanel 基于配置可管理的菜單 ) ?1
26、前端開發(fā) - 主頁面 - 構(gòu)建導(dǎo)航菜單 ( panel + treepanel 基于配置可管理的菜單 ) ?2
27、前端開發(fā) - 主頁面 - 構(gòu)建導(dǎo)航菜單 ( panel + treepanel 基于配置可管理的菜單 ) ?3
28、前端開發(fā) - 主頁面 - 模塊開發(fā)架構(gòu) 1（利用treepanel事件 和 panel 動(dòng)態(tài)載入） 1
29、前端開發(fā) - 主頁面 - 模塊開發(fā)架構(gòu) 1（利用treepanel事件 和 panel 動(dòng)態(tài)載入） 2
30、前端開發(fā) - 主頁面 - 模塊開發(fā)架構(gòu) 1（利用treepanel事件 和 panel 動(dòng)態(tài)載入） 3
31、前端開發(fā) - 主頁面 - 模塊開發(fā)架構(gòu) 2（利用 extjs 反射機(jī)制 化繁為簡）
32、前端開發(fā) - 主頁面 - 模塊開發(fā)架構(gòu) 3（利用 全局控制器）
33、前端開發(fā) - 主頁面 - 模塊開發(fā)架構(gòu) 4（利用 路由器） 1
34、前端開發(fā) - 主頁面 - 模塊開發(fā)架構(gòu) 4（利用 路由器） 2
35、前端開發(fā) - 主頁面 - 模塊開發(fā)架構(gòu) 4（利用 路由器） 3
36、前端開發(fā) - 主頁面 - 模塊開發(fā)架構(gòu) 5（利用 tabpanel）1
37、前端開發(fā) - 主頁面 - 模塊開發(fā)架構(gòu) 5（利用 tabpanel）2
38、前端開發(fā) - 主頁面 - 模塊開發(fā)架構(gòu) 5（利用 tabpanel）3
39、前端開發(fā) - Extjs 組件查找 1（利用 ComponentQuery ?- ?基礎(chǔ)查找）1
40、前端開發(fā) - Extjs 組件查找 1（利用 ComponentQuery ?- ?基礎(chǔ)查找）2
41、前端開發(fā) - Extjs 組件查找 2（ComponentQuery ?- ?屬性查找和偽類） 1
42、前端開發(fā) - Extjs 組件查找 2（ComponentQuery ?- ?屬性查找和偽類） 2
43、前端開發(fā) - Extjs 組件查找 3（其他查找方式）
44、后端開發(fā) - 后端技術(shù)選型和工具安裝 (springmvc+mybatis + mysql+mysql workbench+ Navicat Premium）
45、后端開發(fā) - 后端項(xiàng)目配置(springmvc和mybatis整合，項(xiàng)目包結(jié)構(gòu)安排) ?1
46、后端開發(fā) - 后端項(xiàng)目配置(springmvc和mybatis整合，項(xiàng)目包結(jié)構(gòu)安排) ?2
47、后端開發(fā) - 后端項(xiàng)目配置(springmvc和mybatis整合，項(xiàng)目包結(jié)構(gòu)安排) ?3
48、后端開發(fā) - 后端項(xiàng)目配置(springmvc和mybatis整合，項(xiàng)目包結(jié)構(gòu)安排) ?4
49、后端開發(fā) - 后端項(xiàng)目配置(springmvc和mybatis整合，項(xiàng)目包結(jié)構(gòu)安排) ?5
50、后端開發(fā)- ?單表模塊 - 數(shù)據(jù)建模(數(shù)據(jù)庫模型設(shè)計(jì),建庫建表,前端model) ?1
51、后端開發(fā)- ?單表模塊 - 數(shù)據(jù)建模(數(shù)據(jù)庫模型設(shè)計(jì),建庫建表,前端model) ?2
52、整合開發(fā)- ?單表模塊 - 創(chuàng)建列表頁面（利用gridpanel, store, 分頁顯示,數(shù)據(jù)綁定，延遲載入） 1
53、整合開發(fā)- ?單表模塊 - 創(chuàng)建列表頁面（利用gridpanel, store, 分頁顯示,數(shù)據(jù)綁定，延遲載入） 2
54、整合開發(fā)- ?單表模塊 - 創(chuàng)建列表頁面（利用gridpanel, store, 分頁顯示,數(shù)據(jù)綁定，延遲載入） 3
55、整合開發(fā)- ?單表模塊 - 創(chuàng)建列表頁面（利用gridpanel, store, 分頁顯示,數(shù)據(jù)綁定，延遲載入） 4
56、整合開發(fā)- ?單表模塊 - 創(chuàng)建新增（修改）頁面（利用Ext.data.Session，Ext.data.Batch， 表單 , 數(shù)據(jù)綁定） 1
57、整合開發(fā)- ?單表模塊 - 創(chuàng)建新增（修改）頁面（利用Ext.data.Session，Ext.data.Batch， 表單 , 數(shù)據(jù)綁定） 2
58、整合開發(fā)- ?單表模塊 - 創(chuàng)建新增（修改）頁面（利用Ext.data.Session，Ext.data.Batch， 表單 , 數(shù)據(jù)綁定） 3
59、整合開發(fā)- ?單表模塊 - 編寫后端主體(controller, service, dao) ?1
60、整合開發(fā)- ?單表模塊 - 編寫后端主體(controller, service, dao) ?2
61、整合開發(fā)- ?單表模塊 - 編寫后端主體(controller, service, dao) ?3
62、整合開發(fā)- ?單表模塊 - 編寫后端主體(controller, service, dao) ?4
63、整合開發(fā)- ?單表模塊 - 遠(yuǎn)程過濾和排序 ?1
64、整合開發(fā)- ?單表模塊 - 遠(yuǎn)程過濾和排序 ?2
65、整合開發(fā)- ?單表模塊 - 遠(yuǎn)程過濾和排序 ?3
66、整合開發(fā) - ?單表模塊 - 輸入驗(yàn)證(正則,vtype,validators,自定義field ) ?1
67、整合開發(fā) - ?單表模塊 - 輸入驗(yàn)證(正則,vtype,validators,自定義field ) ?2
68、整合開發(fā) - ?單表模塊 - 輸入驗(yàn)證(正則,vtype,validators,自定義field ) ?3
69、整合開發(fā)- ?子父表模塊 - (數(shù)據(jù)建模型建庫建表,后端各層的編寫)?
70、整合開發(fā)- ?子父表模塊 - (前端頁面編寫，利用模型關(guān)聯(lián),利用override覆蓋官方模塊方法,表格編輯插件) 1
71、整合開發(fā)- ?子父表模塊 - (前端頁面編寫，利用模型關(guān)聯(lián),利用override覆蓋官方模塊方法,表格編輯插件) 2
72、整合開發(fā)- ?子父表模塊 - (前端頁面編寫，利用模型關(guān)聯(lián),利用override覆蓋官方模塊方法,表格編輯插件) 3
73、整合開發(fā) - ?動(dòng)態(tài)菜單 - （利用ext.Ajax 從服務(wù)器獲取菜單數(shù)據(jù)動(dòng)態(tài)組裝）
74、學(xué)習(xí)總結(jié)與回顧
?
.png)
?
.jpg)
?
.jpg)
?
.jpg)
?
合作伙伴與授權(quán)機(jī)構(gòu)
總部李老師
