本教程从Extjs5的开发环境搭建开始,讲解了Extjs5的项目结构(包括核心文件的作用),Extjs类的一些基本概念,布局、事件、MVVM和MVC架构、路由器,数据绑定等的概念和实际使用,同时讲解了开发中常用的extjs UI组件: panel, tabpanel,Tree, grid, form表单(及其验证方法),数据组件: store,model等,讲解了动态菜单、单表和子父表模块等的开发方法以及后端spring,spring mvc,mybatis的整合和数据打通等。授人以鱼不如授人以渔,课程重在培养学员快速 学习快速开发以及分析和解决问题的能力! 目录: 01.Extjs5概述及预期学习效果 02.Extjs5工程目录结构和核心文件分析 03.信息管理系统通用功能归纳-电商企业支撑系统演示 04.信息管理系统通用功能归纳-通用功能提炼 05.前端开发-环境搭建 06.前端开发-改变默认风格,初试数据绑定 07.前端开发-理解Extjs类1(类定义,实例化,单例) 08.前端开发-理解Extjs类2(类继承单继承、多继承和覆盖) 09.前端开发-理解Extjs类3(静态属性和方法可继承 的、不可继承的) 10.前端开发-理解Extjs类4(类引用,自动getter和setter) 11.前端开发-理解Extjs类5(xtype,alias,alternateClassName) 12.前端开发-理解Extjs类6(模板方法,事件,自定义事件) 13.前端开发-理解Extjs类7(命名规范) 14.前端开发-主页面-总体布局(常用页面布局方式) 15.前端开发-主页面-构建顶栏(实现一利用container,component,menu) 16.前端开发-主页面-构建顶栏(实现二利用toolbar) 17.前端开发-主页面-构建导航菜单(panel+treepanel基于配置可管理的菜单) 18.前端开发-主页面-模块开发架构1(利用treepanel事件和panel动态载入) 19.前端开发-主页面-模块开发架构2(利用extjs反射机制化繁为简) 20.前端开发-主页面-模块开发架构3(利用全局控制器) 21.前端开发-主页面-模块开发架构4(利用路由器) 22.前端开发-主页面-模块开发架构5(利用tabpanel) 23.前端开发-Extjs组件查找1(利用ComponentQuery-基础查找) 24.前端开发-Extjs组件查找2(ComponentQuery-属性查找和伪类) 25.前端开发-Extjs组件查找3(其他查找方式) 26.后端开发-后端技术选型和工具安装(springmvc+mybatis+mysql+mysqlworkbench+NavicatPremium) 27.后端开发-后端项目配置(springmvc和mybatis整合,项目包结构安排) 28.后端开发-单表模块-数据建模(数据库模型设计,建库建表,前端model) 29.整合开发-单表模块-创建列表页面(利用gridpanel,store,分页显示,数据绑定,延迟载入) 30.整合开发-单表模块-创建新增(修改)页面(利用Ext.data.Session,Ext.data.Batch,表单,数据绑定) 31.整合开发-单表模块-编写后端主体(controller,service,dao) 32.整合开发-单表模块-远程过滤和排序 33.整合开发-单表模块-输入验证(正则,vtype,validators,自定义field) 34.整合开发-子父表模块-(数据建模型建库建表,后端各层的编写) 35.整合开发-子父表模块-(前端页面编写,利用模型关联,利用override覆盖官方模块方法,表格编辑插件) 36.整合开发-动态菜单-(利用ext.Ajax从服务器获取菜单数据动态组装) 37.学习总结与回顾