目录
快速上手Extjs4.2并熟练搭建企业级项目架构
ExtJs是一套富客户端(rich client)框架,完全基于JavaScript、CSS和HTML实现,与主流浏览器完全兼容,并且无须安装任何插件。是什么使Ext独领风骚呢?,就是它的强大集成性。纵观前端开发的开源市场,以最为火热的jQuery为代表的基础组件库,虽然围绕在其周围的巨大社区贡献了无数的插件,基本可以满足任何要求,但是毕竟这些组件缺乏统一的管理,我们想在自己的项目中使用对应的功能,一般都要找上半天,等到整合阶段又要费尽心力。Ext正是瞄准了开源组件库的这个空档,立身之本就是提供一套风格一致、集成良好的组件库,人们选用了Ext便即刻拥有了从底层基础库到上层各种高级组件的工具集合,加上Ext本身也提供了丰富的样例,几乎可以让对前端知之甚少的开发者也能迅速上手,跨越技术障碍,开发出漂亮易用、功能强大的前端来。对开发者来说,Ext等于帮助他们完成数年的前端框架技术的积累,节省了大量的时间与精力,因此选择Ext也就成了情理之中的事情。
FluentData 是微型 ORM(micro-ORM)家族的一名新成员,旨在比大型 ORM(full ORM)更加易用。FluentData一推出,即同时支持 SQL Server、SQL Azure、Oracle 和 MYSQL。
当前市面上的 ORM 框架,如 Entity Framework 和 NHibernate,都过于复杂而且难于学习。此外,由于这些框架自身抽象的查询语言以及从数据库到 .NET 对象的映射太过麻烦,导致它们生成的 SQL 都很低效。FluentData 另辟蹊径,它是一个轻量级框架,拥有简单的 fluent API 并且很容易学会。与其他微型 ORM(如 Dapper 和 Massive)类似,FluentData 关注性能和易用性。它允许开发人员拥有对 SQL 较多的控制,而不是依赖 ORM 进行自动生成。它不仅可以使用 SQL 来执行查询、增添和更新操作,还可以支持使用存储过程和事务。
MVC是Model-View-Controller的缩写,可以将其简单理解为将数据模型、视图展示和业务逻辑代码强行分离的一种设计模式。它主要解决的是在复杂系统开发过程中出现的业务逻辑代码与视图展示代码互相混杂的问题。通过模块分离,开发者就可以把精力集中在解决实际的业务问题上了。
(1)Extjs4.2理论部分(风舞烟老师老师主讲)
ch01_ExtJS4快速入门-HelloExtJs4
第一讲:ExtJS4.x框架最新特性简介
第二讲:第一个ExtJS4.x官方推荐示例程序
第三讲:利用senchasdktool打包发布ExtJS4.x应用
ch02_ExtJs4新类库特性及JS新语法扩展
第一讲:ExtJS4对JS语法的扩展
第二讲:ExtJS4中的新功能-定时事件与健盘导航
第三讲:ExtJS4类库新特性-Ext.difine与Configuration
ch03_ExtJs4中布局与容器
第一讲:ExtJs4类的混合与静态类的使用
第二讲:ExtJs4中的容器与布局(上)
第三讲:ExtJs4中的容器与布局(下)
ch04_ExtJs4常用组件详解
第一讲:Ext.Button组件详解
第二讲:Ext.MessageBox组件详解
第三讲:Ext.tip.ToolTip详解
第四讲:滚轴控件、进度条控件和编辑控件
第五讲:Ext中面板与VIewport组件
第六讲:Ext.tab.tabPanel组件详解
ch05_ExtJs4选择器与DOM操作
第一讲:Ext.DomQuery中的选择器
第二讲:Ext4中利用DomQuery进行筛选与过滤
第三讲:Ext4中的DOM操作与事件
ch06_ExtJs4中的数据操作(Proxy+Model+Store)
第一讲:Ext.Ajax.Request功能详解
第二讲:Ext.data.ProxyRest及Direct操作数据
第三讲:Ext.data.Model及自定义验证详解
第四讲:Ext.data.Store对数据的操作
第五讲:Store+Model+Proxy综合示例
ch07、ExtJs4中的Form表单详解
第一讲:BasicForm+BaseField的配置项、属性、方法和事件
第二讲:常用的验证函数Ext.form.field.VTypes
第三讲:常用Form表单组件详解(一)
第四讲:常用Form表单组件详解(二)
第五讲:常用Form表单组件详解(三)
第六讲:常用Form表单组件详解(四)
第七讲:Form表单的加载、提交与验证数据
第八讲:综合示例-产品信息管理
ch08、ExtJs4中的复杂组件-Grid&&Tree
第一讲:Ext4Grid组件配置详解
第二讲:Grid的本地排序和过滤
第三讲:Grid行内数据修改及主从表实现
第四讲:Tree的配置项、属性、方法和事件
第五讲:Tree的动态加载与维护
ch09、ExtJs4中的图形与图表
第一讲:ExtJs中的图表初探
第二讲:ExtJs中的图表详解
第三讲:ExtJs中的图表高级
第四讲:ExtJs中的图形详解
第五讲:ExtJs中的图形高级
(2)企业级架构部分(闲筝老师主讲)
本套课程还结合ExtJs4.2为大家提供了一套基于N-Tier、MVC4、FluentData、Spring.net和T4的企业级架构且整个搭建过程全程实录,把学习难度几乎降低为零,此架构把服务端封装成了傻瓜式的操作,以便程序员把更多的精力放到业务和用户体验上。
其中的N-Tier分层思想成功的把MVC的Model剥离了出来并组建了Repository(仓储层)、Infrastructure(公共层)和Service(服务层)为MVC的View灵活地提供灵活的数据,其中的仓储层和服务层又采用了抽象工厂设计模式,让其能同时从Sqlserver和Oracle等其他不同类型的数据库提取数据。
另外通过各层之间的接口和Spring.net构建了一套层与层之间交互的仓储机制,彻底的实现了各层之间的低耦合,完全通过配置文件的配置信息指定各层之间需要调用和访问的程序集文件。
还有一个亮点就是利用FluentData、微软的T4模板技术和partial机制在架构内部内置了一套代码生成器,小巧灵活且功能强大,并且生成的代码完全符合OPEN-CLOSE思想,如果数据库发生变化,只须保存一下T4文件,其他后期扩展代码不会受到任何影响。
当然在最后为了能让大家尽快熟悉架构和上手ExtJs4.2,特意为大家呈现了一个项目案例,通过此项目案例更能投射出架构强大和灵活及ExtJs4.2作为富客户端霸主的强悍应用。
框架代码结构
Spring.net实现各层之间的低耦合调用
使用T4模板生成POCO
基于FluentData构建数据层仓储基类
基于FluentData和T4的业务层仓储
四.课程章节