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
課程大綱:
一、 Extjs5概述及預期學習效果
二、 Extjs5工程目錄結構和核心文件分析
三、 信息管理系統通用功能概括 - 電商企業支撐系統演示
四、 信息管理系統通用功能概括 - 通用功能提煉
五、 前端開發 - 環境搭建
六、 前端開發 - 改變默認風格,初試數據綁定
七、 前端開發 - 理解Extjs類1(類定義,實例化,單例)
八、 前端開發 - 理解Extjs類2(類繼承:單繼承、多繼承和覆蓋)
九、 前端開發 - 理解Extjs類3(靜態屬性和方法: 可繼承的、不可繼承的)
十、前端開發 - 理解Extjs類4(類引用,自動getter和setter)
十一、前端開發 - 理解Extjs類5(xtype,alias,alternateClassName)
十二、前端開發 - 理解Extjs類6(模板方法,事件,自定義事件)
1三、前端開發 - 理解Extjs類7(命名規範)
1四、前端開發 - 主頁面 - 整體佈局 (經常使用頁面佈局方式...)1 (absolute, accordion)
1五、前端開發 - 主頁面 - 整體佈局 (經常使用頁面佈局方式...)2 (border)
1六、前端開發 - 主頁面 - 整體佈局 (經常使用頁面佈局方式...)3 (card)
1七、前端開發 - 主頁面 - 整體佈局 (經常使用頁面佈局方式...)4 (column)
1八、前端開發 - 主頁面 - 整體佈局 (經常使用頁面佈局方式...)5 (hbox,vbox)
1九、前端開發 - 主頁面 - 整體佈局 (經常使用頁面佈局方式...)6 (其餘佈局方式)
20、前端開發 - 主頁面 - 構建頂欄 (實現一: 利用 container,component,menu) 1
2一、前端開發 - 主頁面 - 構建頂欄 (實現一: 利用 container,component,menu) 2
2二、前端開發 - 主頁面 - 構建頂欄 (實現一: 利用 container,component,menu) 3
2三、前端開發 - 主頁面 - 構建頂欄 (實現一: 利用 container,component,menu) 4
2四、前端開發 - 主頁面 - 構建頂欄 (實現二: 利用 toolbar)
2五、前端開發 - 主頁面 - 構建導航菜單 ( panel + treepanel 基於配置可管理的菜單 ) 1
2六、前端開發 - 主頁面 - 構建導航菜單 ( panel + treepanel 基於配置可管理的菜單 ) 2
2七、前端開發 - 主頁面 - 構建導航菜單 ( panel + treepanel 基於配置可管理的菜單 ) 3
2八、前端開發 - 主頁面 - 模塊開發架構 1(利用treepanel事件 和 panel 動態載入) 1
2九、前端開發 - 主頁面 - 模塊開發架構 1(利用treepanel事件 和 panel 動態載入) 2
30、前端開發 - 主頁面 - 模塊開發架構 1(利用treepanel事件 和 panel 動態載入) 3
3一、前端開發 - 主頁面 - 模塊開發架構 2(利用 extjs 反射機制 化繁爲簡)
3二、前端開發 - 主頁面 - 模塊開發架構 3(利用 全局控制器)
3三、前端開發 - 主頁面 - 模塊開發架構 4(利用 路由器) 1
3四、前端開發 - 主頁面 - 模塊開發架構 4(利用 路由器) 2
3五、前端開發 - 主頁面 - 模塊開發架構 4(利用 路由器) 3
3六、前端開發 - 主頁面 - 模塊開發架構 5(利用 tabpanel)1
3七、前端開發 - 主頁面 - 模塊開發架構 5(利用 tabpanel)2
3八、前端開發 - 主頁面 - 模塊開發架構 5(利用 tabpanel)3
3九、前端開發 - Extjs 組件查找 1(利用 ComponentQuery - 基礎查找)1
40、前端開發 - Extjs 組件查找 1(利用 ComponentQuery - 基礎查找)2
4一、前端開發 - Extjs 組件查找 2(ComponentQuery - 屬性查找和僞類) 1
4二、前端開發 - Extjs 組件查找 2(ComponentQuery - 屬性查找和僞類) 2
4三、前端開發 - Extjs 組件查找 3(其餘查找方式)
4四、後端開發 - 後端技術選型和工具安裝 (springmvc+mybatis + mysql+mysql workbench+ Navicat Premium)
4五、後端開發 - 後端項目配置(springmvc和mybatis整合,項目包結構安排) 1
4六、後端開發 - 後端項目配置(springmvc和mybatis整合,項目包結構安排) 2
4七、後端開發 - 後端項目配置(springmvc和mybatis整合,項目包結構安排) 3
4八、後端開發 - 後端項目配置(springmvc和mybatis整合,項目包結構安排) 4
4九、後端開發 - 後端項目配置(springmvc和mybatis整合,項目包結構安排) 5
50、後端開發- 單表模塊 - 數據建模(數據庫模型設計,建庫建表,前端model) 1
5一、後端開發- 單表模塊 - 數據建模(數據庫模型設計,建庫建表,前端model) 2
5二、整合開發- 單表模塊 - 建立列表頁面(利用gridpanel, store, 分頁顯示,數據綁定,延遲載入) 1
5三、整合開發- 單表模塊 - 建立列表頁面(利用gridpanel, store, 分頁顯示,數據綁定,延遲載入) 2
5四、整合開發- 單表模塊 - 建立列表頁面(利用gridpanel, store, 分頁顯示,數據綁定,延遲載入) 3
5五、整合開發- 單表模塊 - 建立列表頁面(利用gridpanel, store, 分頁顯示,數據綁定,延遲載入) 4
5六、整合開發- 單表模塊 - 建立新增(修改)頁面(利用Ext.data.Session,Ext.data.Batch, 表單 , 數據綁定) 1
5七、整合開發- 單表模塊 - 建立新增(修改)頁面(利用Ext.data.Session,Ext.data.Batch, 表單 , 數據綁定) 2
5八、整合開發- 單表模塊 - 建立新增(修改)頁面(利用Ext.data.Session,Ext.data.Batch, 表單 , 數據綁定) 3
5九、整合開發- 單表模塊 - 編寫後端主體(controller, service, dao) 1
60、整合開發- 單表模塊 - 編寫後端主體(controller, service, dao) 2
6一、整合開發- 單表模塊 - 編寫後端主體(controller, service, dao) 3
6二、整合開發- 單表模塊 - 編寫後端主體(controller, service, dao) 4
6三、整合開發- 單表模塊 - 遠程過濾和排序 1
6四、整合開發- 單表模塊 - 遠程過濾和排序 2
6五、整合開發- 單表模塊 - 遠程過濾和排序 3
6六、整合開發 - 單表模塊 - 輸入驗證(正則,vtype,validators,自定義field ) 1
6七、整合開發 - 單表模塊 - 輸入驗證(正則,vtype,validators,自定義field ) 2
6八、整合開發 - 單表模塊 - 輸入驗證(正則,vtype,validators,自定義field ) 3
6九、整合開發- 子父表模塊 - (數據建模型建庫建表,後端各層的編寫)
70、整合開發- 子父表模塊 - (前端頁面編寫,利用模型關聯,利用override覆蓋官方模塊方法,表格編輯插件) 1
7一、整合開發- 子父表模塊 - (前端頁面編寫,利用模型關聯,利用override覆蓋官方模塊方法,表格編輯插件) 2
7二、整合開發- 子父表模塊 - (前端頁面編寫,利用模型關聯,利用override覆蓋官方模塊方法,表格編輯插件) 3
7三、整合開發 - 動態菜單 - (利用ext.Ajax 從服務器獲取菜單數據動態組裝)
7四、學習總結與回顧html