很久没写文章了,主要原因和大家差不多,都要为生活奔忙,搞了两个小项目。这两个小项目很凑巧,都可以使用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开发实例(一)的更多相关文章

  1. Ext JS 6开发实例(三) :主界面设计

    在上文中,已经将CMD创建的应用程序导入到项目里了,而且也看到默认的主界面了,今天的主要工作就是修改这个主界面,以符合项目的需要.除了设计主界面,还有一些其他的东西需要配置一下. 添加本地化包 打开a ...

  2. Ext JS 6开发实例(二) :使用CMD创建应用程序

    由于Ext JS 6将原来的Ext JS和Sencha Touch合并为一个框架,因而在使用CMD来创建应用程序前,需要考虑清楚你是要创建一个通用应用程序,还是仅仅只是针对桌面或移动设备的应用程序. ...

  3. Ext JS 6开发实例(四) :调整主视图

    上文把主界面设置好,但是主视图因为界面的微调出现了显示问题,本文将把它调整好了. 打开app/view/main/Main.js,可以看到主视图是派生于标签面板(Ext.tab.Panel)的.在视图 ...

  4. 【转】EXT JS MVC开发模式

    原文链接:EXT JS MVC开发模式 在app(亦即根目录)文件夹下面创建controller.model.store和view文件夹,从名称上就知道他们该放置什么代码了吧.然后创建Applicat ...

  5. Ext JS 6学习文档–第1章–ExtJS入门指南

    Ext JS 入门指南 前言 本来我是打算自己写一个系列的 ExtJS 6 学习笔记的,因为 ExtJS 6 目前的中文学习资料还很少.google 搜索资料时找到了一本国外牛人写的关于 ExtJS ...

  6. Ext JS 6学习文档–第2章–核心概念

    核心概念 在下一章我们会构建一个示例项目,而在这之前,你需要学习一些在 Ext JS 中的核心概念,这有助于你更容易理解示例项目.这一章我们将学习以下知识点: 类系统,创建和扩展类 事件 Ext JS ...

  7. [转]使用Sencha Ext JS 6打造通用应用程序

    原文地址:http://www.uedsc.com/using-sencha-ext-js-6-to-build-universal-apps.html 在Sencha和整个Ext JS团队的支持下, ...

  8. [Ext JS 4] contentEL,renderTo, applyTo 释义与区别

    前言 若干年前,使用Ext JS 3 开发了一个系统. 随着Ext JS 4的出现,总是会看到或听到关于Ext 比较多的言论是 : Ext JS 4 较Ext JS 3 有较大的改变. Ext JS ...

  9. 【翻译】使用Sencha Ext JS 6打造通用应用程序

    原文:Using Sencha Ext JS 6 to Build Universal Apps {.aligncenter} 在Sencha和整个Ext JS团队的支持下,我很高兴能跟大家分享一下有 ...

随机推荐

  1. [Noi2014]购票

    来自FallDream 的博客,未经允许,请勿转载,谢谢. 今年夏天,NOI在SZ市迎来了她30周岁的生日.来自全国 n 个城市的OIer们都会从各地出发,到SZ市参加这次盛会.        全国的 ...

  2. UDA机器学习基础—交叉验证

    交叉验证的目的是为了有在训练集中有更多的数据点,以获得最佳的学习效果,同时也希望有跟多的测试集数据来获得最佳验证.交叉验证的要点是将训练数据平分到k个容器中,在k折交叉验证中,将运行k次单独的试验,每 ...

  3. mysql免安装版下载及配置教程

    第一步:下载 下载地址:http://dev.mysql.com/downloads/mysql/ 滚动到下方就能看到了,根据自己的需求下载: 我的电脑为64为的所以下载的为 Windows (x86 ...

  4. 实现string类

    /* 实现string类 */ class String {    public:           String(const char *str=NULL); //构造函数           S ...

  5. C语言程序设计第一次作业1

    (一)实验总结 1. 圆面积问题 1:求圆面积和周长 (1)输入圆的半径,计算圆的周长和面积. (2) (3) 2:判断闰年 (1)输入一个四位年份,判断其是否是闰年.闰年的判别条件是该年年份能被4整 ...

  6. React 关于组件(界面)更新

    在最近在学 React , 将组件的UI更新稍微整理了一下.根据业务要求,可能会出现如下的技术实现要求:1.更新自己2.更新子组件3.更新兄弟组件4.更新父组件5.父 call 子  function ...

  7. 利用Express模拟web安全之---xss的攻与防

    一.什么是XSS? 跨站脚本攻击(Cross Site Scripting),为了不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS.恶意 ...

  8. 2-学习GPRS_Air202(Air202开发板介绍和下载第一个程序)

    http://www.cnblogs.com/yangfengwu/p/8887933.html 资料链接 链接:https://pan.baidu.com/s/1968t2QITuxoyXlE_Nz ...

  9. ubuntu15.10 安装 virtualbox5.0

    首先安装依赖包.ubuntu15.01安装的时候会出现这个错误: virtualbox-); however: Package libvpx1 is not installed 而且sudo apt- ...

  10. JVM初探- 内存分配、GC原理与垃圾收集器

    JVM初探- 内存分配.GC原理与垃圾收集器 标签 : JVM JVM内存的分配与回收大致可分为如下4个步骤: 何时分配 -> 怎样分配 -> 何时回收 -> 怎样回收. 除了在概念 ...