Extjs基礎入門視頻教程

標籤：

Extjs5.0從入門到實戰開發資訊管理系統（Extjs基礎、Extjs5新特性、Spring、Spring mvc、Mybatis）
適合人群：初級
課時數量：40課時
用到技術：Extjs基礎,Extjs5新特性,sencha cmd,spring,spring mvc, mybatis
涉及項目：資訊管理系統核心架構（mvvm+mvc架構）
諮詢qq：1840215592
課程內容簡介：
1.課程研發環境
開發工具:eclipse，sencha cmd；
資料庫工具:mysql5，mysql workbench，navicat premium；
其他工具:JsonView；
2.內容簡介
本教程從Extjs5的開發環境搭建開始，講解了Extjs5的項目結構（包括核心檔案的作用），Extjs類的一些基本概念，布局、事件、MVVM和MVC架構、路由器，資料繫結等的概念和實際使用，同時講解了開發中常用的extjs UI組件： panel, tabpanel,Tree, grid, form表單（及其驗證方法），資料群組件： store，model等，講解了動態菜單、單表和子父表模組等的開發方法以及後端spring,spring mvc,mybatis的整合和資料打通等。授人以魚不如授人以漁，課程重在培養學員快速學習快速開發以及分析和解決問題的能力！
Extjs5.0從入門到實戰開發資訊管理系統詳細介紹：http://www.ibeifeng.com/goods-514.html
課程大綱：
1、 Extjs5概述及預期學習效果
2、 Extjs5工程目錄結構和核心檔案分析
3、 資訊管理系統通用功能歸納 - 電商企業支撐系統示範
4、 資訊管理系統通用功能歸納 - 通用功能提煉
5、 前端開發 - 環境搭建
6、 前端開發 - 改變預設風格,初試資料繫結
7、 前端開發 - 理解Extjs類1（類定義，執行個體化，單例）
8、 前端開發 - 理解Extjs類2（類繼承：單繼承、多繼承和覆蓋）
9、 前端開發 - 理解Extjs類3（靜態屬性和方法： 可繼承的、不可繼承的）
10、前端開發 - 理解Extjs類4（類引用，自動getter和setter）
11、前端開發 - 理解Extjs類5（xtype,alias,alternateClassName）
12、前端開發 - 理解Extjs類6（模板方法，事件，自訂事件）
13、前端開發 - 理解Extjs類7（命名規範）
14、前端開發 - 首頁面 - 總體布局 （常用頁面配置方式...）1 （absolute， accordion）
15、前端開發 - 首頁面 - 總體布局 （常用頁面配置方式...）2 （border）
16、前端開發 - 首頁面 - 總體布局 （常用頁面配置方式...）3 （card）
17、前端開發 - 首頁面 - 總體布局 （常用頁面配置方式...）4 （column）
18、前端開發 - 首頁面 - 總體布局 （常用頁面配置方式...）5 （hbox,vbox）
19、前端開發 - 首頁面 - 總體布局 （常用頁面配置方式...）6 （其他布局方式）
20、前端開發 - 首頁面 - 構建頂欄 （實現一： 利用 container，component，menu） 1
21、前端開發 - 首頁面 - 構建頂欄 （實現一： 利用 container，component，menu） 2
22、前端開發 - 首頁面 - 構建頂欄 （實現一： 利用 container，component，menu） 3
23、前端開發 - 首頁面 - 構建頂欄 （實現一： 利用 container，component，menu） 4
24、前端開發 - 首頁面 - 構建頂欄 （實現二： 利用 toolbar）
25、前端開發 - 首頁面 - 構建導覽功能表 ( panel + treepanel 基於配置可管理的菜單 ) 1
26、前端開發 - 首頁面 - 構建導覽功能表 ( panel + treepanel 基於配置可管理的菜單 ) 2
27、前端開發 - 首頁面 - 構建導覽功能表 ( panel + treepanel 基於配置可管理的菜單 ) 3
28、前端開發 - 首頁面 - 模組開發架構 1（利用treepanel事件 和 panel 動態載入） 1
29、前端開發 - 首頁面 - 模組開發架構 1（利用treepanel事件 和 panel 動態載入） 2
30、前端開發 - 首頁面 - 模組開發架構 1（利用treepanel事件 和 panel 動態載入） 3
31、前端開發 - 首頁面 - 模組開發架構 2（利用 extjs 反射機制 化繁為簡）
32、前端開發 - 首頁面 - 模組開發架構 3（利用 全域控制器）
33、前端開發 - 首頁面 - 模組開發架構 4（利用 路由器） 1
34、前端開發 - 首頁面 - 模組開發架構 4（利用 路由器） 2
35、前端開發 - 首頁面 - 模組開發架構 4（利用 路由器） 3
36、前端開發 - 首頁面 - 模組開發架構 5（利用 tabpanel）1
37、前端開發 - 首頁面 - 模組開發架構 5（利用 tabpanel）2
38、前端開發 - 首頁面 - 模組開發架構 5（利用 tabpanel）3
39、前端開發 - Extjs 組件尋找 1（利用 ComponentQuery - 基礎尋找）1
40、前端開發 - Extjs 組件尋找 1（利用 ComponentQuery - 基礎尋找）2
41、前端開發 - Extjs 組件尋找 2（ComponentQuery - 屬性尋找和偽類） 1
42、前端開發 - Extjs 組件尋找 2（ComponentQuery - 屬性尋找和偽類） 2
43、前端開發 - Extjs 組件尋找 3（其他尋找方式）
44、後端開發 - 後端技術選型和工具安裝 (springmvc+mybatis + mysql+mysql workbench+ Navicat Premium）
45、後端開發 - 後端項目配置(springmvc和mybatis整合，項目包結構安排) 1
46、後端開發 - 後端項目配置(springmvc和mybatis整合，項目包結構安排) 2
47、後端開發 - 後端項目配置(springmvc和mybatis整合，項目包結構安排) 3
48、後端開發 - 後端項目配置(springmvc和mybatis整合，項目包結構安排) 4
49、後端開發 - 後端項目配置(springmvc和mybatis整合，項目包結構安排) 5
50、後端開發- 單表模組 - 資料建模(資料庫模型設計,建庫建表,前端model) 1
51、後端開發- 單表模組 - 資料建模(資料庫模型設計,建庫建表,前端model) 2
52、整合開發- 單表模組 - 建立列表頁面（利用gridpanel, store, 分頁顯示,資料繫結，延遲載入） 1
53、整合開發- 單表模組 - 建立列表頁面（利用gridpanel, store, 分頁顯示,資料繫結，延遲載入） 2
54、整合開發- 單表模組 - 建立列表頁面（利用gridpanel, store, 分頁顯示,資料繫結，延遲載入） 3
55、整合開發- 單表模組 - 建立列表頁面（利用gridpanel, store, 分頁顯示,資料繫結，延遲載入） 4
56、整合開發- 單表模組 - 建立新增（修改）頁面（利用Ext.data.Session，Ext.data.Batch， 表單 , 資料繫結） 1
57、整合開發- 單表模組 - 建立新增（修改）頁面（利用Ext.data.Session，Ext.data.Batch， 表單 , 資料繫結） 2
58、整合開發- 單表模組 - 建立新增（修改）頁面（利用Ext.data.Session，Ext.data.Batch， 表單 , 資料繫結） 3
59、整合開發- 單表模組 - 編寫後端主體(controller, service, dao) 1
60、整合開發- 單表模組 - 編寫後端主體(controller, service, dao) 2
61、整合開發- 單表模組 - 編寫後端主體(controller, service, dao) 3
62、整合開發- 單表模組 - 編寫後端主體(controller, service, dao) 4
63、整合開發- 單表模組 - 遠程過濾和排序 1
64、整合開發- 單表模組 - 遠程過濾和排序 2
65、整合開發- 單表模組 - 遠程過濾和排序 3
66、整合開發 - 單表模組 - 輸入驗證(正則,vtype,validators,自訂field ) 1
67、整合開發 - 單表模組 - 輸入驗證(正則,vtype,validators,自訂field ) 2
68、整合開發 - 單表模組 - 輸入驗證(正則,vtype,validators,自訂field ) 3
69、整合開發- 子父表模組 - (資料建模型建庫建表,後端各層的編寫)
70、整合開發- 子父表模組 - (前端頁面編寫，利用模型關聯,利用override覆蓋官方模組方法,表格編輯外掛程式) 1
71、整合開發- 子父表模組 - (前端頁面編寫，利用模型關聯,利用override覆蓋官方模組方法,表格編輯外掛程式) 2
72、整合開發- 子父表模組 - (前端頁面編寫，利用模型關聯,利用override覆蓋官方模組方法,表格編輯外掛程式) 3
73、整合開發 - 動態菜單 - （利用ext.Ajax 從伺服器擷取菜單資料動態組裝）
74、學習總結與回顧

Extjs基礎入門視頻教程