Ext JS 6开发实例(一)
很久没写文章了,主要原因和大家差不多,都要为生活奔忙,搞了两个小项目。这两个小项目很凑巧,都可以使用Ext JS来开发,这正是练习使用Ext JS 6的好机会,自然不会错过。
很多读者可能会问,为什么不直接使用熟悉的Ext JS 4来开发,而使用结构完全改变了的Ext JS 6呢?首先,Ext JS 4的MVC模式,控制器的使用我觉得太繁琐了,不太喜欢,而6的修改为视图模型以及与视图绑定的控制器,我觉得写起代码来会挺舒服的。其次,对于组件的使用等方面,熟悉Ext JS 4的,使用起Ext JS 6并不会有太多的困难。总的来说,升级为Ext JS 6,在使用上主要的困难是熟悉MVVM架构,并不存在太大的困难。
这两个项目,一个是使用ASP.NET MVC作为后台的,一个是使用PHP的Yii框架作为后台的。为什么两个项目会使用不同的后台呢?这主要是因为项目的特性决定的,如果一般的项目,我当然更喜欢使用简单快捷的ASP.NET MVC作为后台,开发起来效率一流。但其中一个项目的要求是能放在USB设备上运行,也就是将应用程序放在USB中,将USB插入任何电脑,然后就可以启动一个Web服务和数据库服务来运行应用程序。在搜素引擎搜索后,找到两个可行方案,一个是Xammp,一个是USBWebserver。Xammp虽然功能齐全,但是运行的时候会有些小问题,而USBWebserver虽然功能比较弱,如很久没升级了,PHP和MySQL的版本都比较旧,但简单使用,因而我最终选择了USBWebserver。
虽然两个项目使用了不同的后台,但对于Ext JS开发来说,其实没太大影响,因为Ext JS本身就具备前台与后台分离的模式,只要遵循《Ext JS 4.2实战》一书中数据的标准化交互就行了。
题外话说得太多!言归正传,还是说回本系列的文章。本系列的文章将结合我的开发体会来将之前大家已经熟悉SimpleCMS系统升级为Ext JS 6,虽然说是升级,但其实也算是一个重新构建的过程,估计有部分视图可以重用,但需要为他们添加视图模型和控制器。
本系列文章的后台将使用之前Ext JS 4系列文章的后台,基本上除了需要修改一下首页外,其他都不需要做任何修改。因而,如果是初次接触本系列文章,请先下载之前系列文章的源代码,或者根据文章重新构建一下后台文件。
在这里,顺便提一下我是否会出Ext JS 6方面的书籍的问题。我考虑过出版Ext JS 6的书籍,不过出书不单是作者一个人的事,还需要出版社配合,因而,目前来说,暂时不会见到我写的关于Ext JS 6的书了。还有就是,如果有任何合作、咨询、建议和意见,可以加入交流群“391747779 ”联系我。如果有任何项目需要我提供支持、合作开发、外包等,也可以联系我。
多谢!
Ext JS 6开发实例(一)的更多相关文章
- Ext JS 6开发实例(三) :主界面设计
在上文中,已经将CMD创建的应用程序导入到项目里了,而且也看到默认的主界面了,今天的主要工作就是修改这个主界面,以符合项目的需要.除了设计主界面,还有一些其他的东西需要配置一下. 添加本地化包 打开a ...
- Ext JS 6开发实例(二) :使用CMD创建应用程序
由于Ext JS 6将原来的Ext JS和Sencha Touch合并为一个框架,因而在使用CMD来创建应用程序前,需要考虑清楚你是要创建一个通用应用程序,还是仅仅只是针对桌面或移动设备的应用程序. ...
- Ext JS 6开发实例(四) :调整主视图
上文把主界面设置好,但是主视图因为界面的微调出现了显示问题,本文将把它调整好了. 打开app/view/main/Main.js,可以看到主视图是派生于标签面板(Ext.tab.Panel)的.在视图 ...
- 【转】EXT JS MVC开发模式
原文链接:EXT JS MVC开发模式 在app(亦即根目录)文件夹下面创建controller.model.store和view文件夹,从名称上就知道他们该放置什么代码了吧.然后创建Applicat ...
- Ext JS 6学习文档–第1章–ExtJS入门指南
Ext JS 入门指南 前言 本来我是打算自己写一个系列的 ExtJS 6 学习笔记的,因为 ExtJS 6 目前的中文学习资料还很少.google 搜索资料时找到了一本国外牛人写的关于 ExtJS ...
- Ext JS 6学习文档–第2章–核心概念
核心概念 在下一章我们会构建一个示例项目,而在这之前,你需要学习一些在 Ext JS 中的核心概念,这有助于你更容易理解示例项目.这一章我们将学习以下知识点: 类系统,创建和扩展类 事件 Ext JS ...
- [转]使用Sencha Ext JS 6打造通用应用程序
原文地址:http://www.uedsc.com/using-sencha-ext-js-6-to-build-universal-apps.html 在Sencha和整个Ext JS团队的支持下, ...
- [Ext JS 4] contentEL,renderTo, applyTo 释义与区别
前言 若干年前,使用Ext JS 3 开发了一个系统. 随着Ext JS 4的出现,总是会看到或听到关于Ext 比较多的言论是 : Ext JS 4 较Ext JS 3 有较大的改变. Ext JS ...
- 【翻译】使用Sencha Ext JS 6打造通用应用程序
原文:Using Sencha Ext JS 6 to Build Universal Apps {.aligncenter} 在Sencha和整个Ext JS团队的支持下,我很高兴能跟大家分享一下有 ...
随机推荐
- [BZOJ]3527 力(ZJOI2014)
第一次背出FFT模板,在此mark一道裸题. Description 给出n个数qi,给出Fj的定义如下: 令Ei=Fi/qi,求Ei. Input 第一行一个整数n. 接下来n行每行输入一个数,第i ...
- [BZOJ]1085 骑士精神(SCOI2005)
这种鲜明的玄学风格很明显就是十几年前的题目. Description 在一个5×5的棋盘上有12个白色的骑士和12个黑色的骑士, 且有一个空位.在任何时候一个骑士都能按照骑士的走法(它可以走到和它横坐 ...
- 移动端手势双击(MouseDown也可以在移动端响应,但是帧率太低)
void Update() { if (Input.touchCount > 0)//手指数量 { if(Input.GetTouch(0).phase == TouchPhase.Began ...
- 数据结构之B树、B+树(二)---代码实现
B-Tree | Set 1 (construct) Following is an example B-Tree of minimum degree 3. Note that in practica ...
- 关于 "java中常量定义在interface中好还是定义在class中好" 的一些思考
原文链接 http://blog.csdn.net/voo00oov/article/details/50433672 java中interface中定义变量都是"public static ...
- sqlserver 查询 inner join 同一表2次 只出一条查询结果
inner join T_MTN_MobileNumber k on 1=1 and k.hddm='01' inner join (select a.hdxx+','+b.hdxx as hdxx ...
- mybatis choose标签的使用
MyBatis 提供了 choose 元素.if标签是与(and)的关系,而 choose 是或(or)的关系. choose标签是按顺序判断其内部when标签中的test条件出否成立,如果有一个成立 ...
- js原生获取元素的css属性
习惯了用jQuery的css()的方法获取元素的css属性,突然不用jquery了,当要获得元素的css时候,我瞬间停顿了一下,咦?咋获取元素的css值?比如获取元素的width.是这样么?docum ...
- salesforce lightning零基础学习(三) 表达式的!(绑定表达式)与 #(非绑定表达式)
在salesforce的classic中,我们使用{!expresion}在前台页面展示信息,在lightning中,上一篇我们也提及了,如果展示attribute的值,可以使用{!v.expresi ...
- python笔记三(list、tuple)
一.list list的增删改查 #增, classmates.append("nadech") #在末尾追加一个元素 classmates.insert(1,"agui ...