Spring、Spring mvc、Mybas、ExtJs 实战开发技术
1、研发环境
开发工具:eclipse,sencha cmd;
数据库工具:mysql5,mysql workbench,navicat premium;
其他工具:JsonView;
2、简述
基于 ExtJs 的开发环境搭建, 理解 Extjs 的项目结构(包括核心文件的作用),Extjs 类
的一些基本概念,布局、事件、MVVM 和 MVC 架构、路由器,数据绑定等的概念和实际使用,
同时掌握开发中常用的 extjs UI 组件: panel, tabpanel,Tree, grid, form 表单(及其验证
方法),数据组件: store,model 等,以及动态菜单、单表和子父表模块等的开发方法以及
后端 spring, spring mvc, mybatis 的整合和数据打通。
3、纲要
Extjs 工程目录结构和核心文件分析
信息管理系统通用功能归纳、提炼
前端开发 - 环境搭建
前端开发 - 改变默认风格,初试数据绑定
- 理解 Extjs 类 1(类定义,实例化,单例)
- 理解 Extjs 类 2(类继承:单继承、多继承和覆盖)
- 理解 Extjs 类 3(静态属性和方法: 可继承的、不可继承的)
- 理解 Extjs 类 4(类引用,自动 getter 和 setter)
- 理解 Extjs 类 5(xtype,alias,alternateClassName)
- 理解 Extjs 类 6(模板方法,事件,自定义事件)
- 理解 Extjs 类 7(命名规范)
前端开发 - 主页面 - 总体布局 (常用页面布局方式...)1 (absolute, accordion)
- 主页面 - 总体布局 (常用页面布局方式...)2 (border)
- 主页面 - 总体布局 (常用页面布局方式...)3 (card)
- 主页面 - 总体布局 (常用页面布局方式...)4 (column)
- 主页面 - 总体布局 (常用页面布局方式...)5 (hbox,vbox)
- 主页面 - 总体布局 (常用页面布局方式...)6 (其他布局方式)
- 主页面 - 构建顶栏 (实现一: 利用 container,component,menu)
- 主页面 - 构建顶栏 (实现二: 利用 toolbar)
- 主页面 - 构建导航菜单 ( panel + treepanel 基于配置可管理的菜单 )
- 主页面 - 模块开发架构 1(利用 treepanel 事件 和 panel 动态载入)
- 主页面 - 模块开发架构 2(利用 extjs 反射机制 化繁为简)
- 主页面 - 模块开发架构 3(利用 全局控制器)
- 主页面 - 模块开发架构 4(利用 路由器)
- 主页面 - 模块开发架构 5(利用 tabpanel)
- Extjs 组件查找 1(利用 ComponentQuery - 基础查找)
- Extjs 组件查找 2(ComponentQuery - 属性查找和伪类)
- Extjs 组件查找 3(其他查找方式)
后端开发 - 后端技术选型和工具安装 (springmvc+mybatis + mysql+mysql
workbench+ Navicat Premium)