Extjs5.0从入门到实战开发信息管理系统视频教程

本文主要是介绍Extjs5.0从入门到实战开发信息管理系统视频教程,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.课程研发环境

       开发工具:eclipsesencha cmd

       数据库工具:mysql5mysql workbenchnavicat premium

       其他工具:JsonView


下载地址:链接:http://pan.baidu.com/s/1i3kWXyH 密码:q2gv

 

2.内容简介

       本教程从Extjs5的开发环境搭建开始,讲解了Extjs5的项目结构(包括核心文件的作用),Extjs类的一些基本概念,布局、事件、MVVMMVC架构、路由器,数据绑定等的概念和实际使用,同时讲解了开发中常用的extjs UI组件: panel,  tabpanel,Tree, grid, form表单(及其验证方法),数据组件: storemodel等,讲解了动态菜单、单表和子父表模块等的开发方法以及后端spring,spring mvc,mybatis的整合和数据打通等。授人以鱼不如授人以渔,课程重在培养学员快速学习快速开发以及分析和解决问题的能力!

课程大纲:

1、 Extjs5概述及预期学习效果

2、 Extjs5工程目录结构和核心文件分析

3、 信息管理系统通用功能归纳 电商企业支撑系统演示

4、 信息管理系统通用功能归纳 通用功能提炼

5、 前端开发 环境搭建

6、 前端开发 改变默认风格,初试数据绑定

7、 前端开发 理解Extjs1(类定义,实例化,单例)

8、 前端开发 理解Extjs2(类继承:单继承、多继承和覆盖)

9、 前端开发 理解Extjs3(静态属性和方法: 可继承的、不可继承的)

10、前端开发 理解Extjs4(类引用,自动gettersetter

11、前端开发 理解Extjs5xtype,alias,alternateClassName

12、前端开发 理解Extjs6(模板方法,事件,自定义事件)

13、前端开发 理解Extjs7(命名规范)

14、前端开发 主页面 总体布局 (常用页面布局方式...absolute, accordion

15、前端开发 主页面 总体布局 (常用页面布局方式...border

16、前端开发 主页面 总体布局 (常用页面布局方式...card

17、前端开发 主页面 总体布局 (常用页面布局方式...column

18、前端开发 主页面 总体布局 (常用页面布局方式...hbox,vbox

19、前端开发 主页面 总体布局 (常用页面布局方式...(其他布局方式)

20、前端开发 主页面 构建顶栏 (实现一: 利用 containercomponentmenu) 1

21、前端开发 主页面 构建顶栏 (实现一: 利用 containercomponentmenu) 2

22、前端开发 主页面 构建顶栏 (实现一: 利用 containercomponentmenu) 3

23、前端开发 主页面 构建顶栏 (实现一: 利用 containercomponentmenu) 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(利用 tabpanel1

37、前端开发 主页面 模块开发架构 5(利用 tabpanel2

38、前端开发 主页面 模块开发架构 5(利用 tabpanel3

39、前端开发 - Extjs 组件查找 1(利用 ComponentQuery  -  基础查找)1

40、前端开发 - Extjs 组件查找 1(利用 ComponentQuery  -  基础查找)2

41、前端开发 - Extjs 组件查找 2ComponentQuery  -  属性查找和伪类) 1

42、前端开发 - Extjs 组件查找 2ComponentQuery  -  属性查找和伪类) 2

43、前端开发 - Extjs 组件查找 3(其他查找方式)

44、后端开发 后端技术选型和工具安装 (springmvc+mybatis + mysql+mysql workbench+ Navicat Premium

45、后端开发 后端项目配置(springmvcmybatis整合,项目包结构安排)  1

46、后端开发 后端项目配置(springmvcmybatis整合,项目包结构安排)  2

47、后端开发 后端项目配置(springmvcmybatis整合,项目包结构安排)  3

48、后端开发 后端项目配置(springmvcmybatis整合,项目包结构安排)  4

49、后端开发 后端项目配置(springmvcmybatis整合,项目包结构安排)  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.SessionExt.data.Batch, 表单 数据绑定) 1

57、整合开发-  单表模块 创建新增(修改)页面(利用Ext.data.SessionExt.data.Batch, 表单 数据绑定) 2

58、整合开发-  单表模块 创建新增(修改)页面(利用Ext.data.SessionExt.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、学习总结与回顾

这篇关于Extjs5.0从入门到实战开发信息管理系统视频教程的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1104844

相关文章

在Java中使用ModelMapper简化Shapefile属性转JavaBean实战过程

《在Java中使用ModelMapper简化Shapefile属性转JavaBean实战过程》本文介绍了在Java中使用ModelMapper库简化Shapefile属性转JavaBean的过程,对比... 目录前言一、原始的处理办法1、使用Set方法来转换2、使用构造方法转换二、基于ModelMapper

Java实战之自助进行多张图片合成拼接

《Java实战之自助进行多张图片合成拼接》在当今数字化时代,图像处理技术在各个领域都发挥着至关重要的作用,本文为大家详细介绍了如何使用Java实现多张图片合成拼接,需要的可以了解下... 目录前言一、图片合成需求描述二、图片合成设计与实现1、编程语言2、基础数据准备3、图片合成流程4、图片合成实现三、总结前

基于Python开发PPTX压缩工具

《基于Python开发PPTX压缩工具》在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,不便于传输和存储,所以本文将使用Python开发一个PPTX压缩工具,需要的可以了解下... 目录引言全部代码环境准备代码结构代码实现运行结果引言在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,

nginx-rtmp-module构建流媒体直播服务器实战指南

《nginx-rtmp-module构建流媒体直播服务器实战指南》本文主要介绍了nginx-rtmp-module构建流媒体直播服务器实战指南,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有... 目录1. RTMP协议介绍与应用RTMP协议的原理RTMP协议的应用RTMP与现代流媒体技术的关系2

使用DeepSeek API 结合VSCode提升开发效率

《使用DeepSeekAPI结合VSCode提升开发效率》:本文主要介绍DeepSeekAPI与VisualStudioCode(VSCode)结合使用,以提升软件开发效率,具有一定的参考价值... 目录引言准备工作安装必要的 VSCode 扩展配置 DeepSeek API1. 创建 API 请求文件2.

C语言小项目实战之通讯录功能

《C语言小项目实战之通讯录功能》:本文主要介绍如何设计和实现一个简单的通讯录管理系统,包括联系人信息的存储、增加、删除、查找、修改和排序等功能,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录功能介绍:添加联系人模块显示联系人模块删除联系人模块查找联系人模块修改联系人模块排序联系人模块源代码如下

Golang操作DuckDB实战案例分享

《Golang操作DuckDB实战案例分享》DuckDB是一个嵌入式SQL数据库引擎,它与众所周知的SQLite非常相似,但它是为olap风格的工作负载设计的,DuckDB支持各种数据类型和SQL特性... 目录DuckDB的主要优点环境准备初始化表和数据查询单行或多行错误处理和事务完整代码最后总结Duck

基于Python开发电脑定时关机工具

《基于Python开发电脑定时关机工具》这篇文章主要为大家详细介绍了如何基于Python开发一个电脑定时关机工具,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 简介2. 运行效果3. 相关源码1. 简介这个程序就像一个“忠实的管家”,帮你按时关掉电脑,而且全程不需要你多做

Java中的Opencv简介与开发环境部署方法

《Java中的Opencv简介与开发环境部署方法》OpenCV是一个开源的计算机视觉和图像处理库,提供了丰富的图像处理算法和工具,它支持多种图像处理和计算机视觉算法,可以用于物体识别与跟踪、图像分割与... 目录1.Opencv简介Opencv的应用2.Java使用OpenCV进行图像操作opencv安装j

Python中的随机森林算法与实战

《Python中的随机森林算法与实战》本文详细介绍了随机森林算法,包括其原理、实现步骤、分类和回归案例,并讨论了其优点和缺点,通过面向对象编程实现了一个简单的随机森林模型,并应用于鸢尾花分类和波士顿房... 目录1、随机森林算法概述2、随机森林的原理3、实现步骤4、分类案例:使用随机森林预测鸢尾花品种4.1