很久没写文章了,主要原因和大家差不多,都要为生活奔忙,搞了两个小项目。这两个小项目很凑巧,都可以使用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. bzoj1132[POI2008]Tro 计算几何

    1132: [POI2008]Tro Time Limit: 20 Sec  Memory Limit: 162 MBSubmit: 1722  Solved: 575[Submit][Status] ...

  2. [4.14校内训练赛by hzwer]

    来自FallDream的博客,未经允许,请勿转载,谢谢. hzwer又出丧题虐人 4道noi....        很奇怪 每次黄学长出题总有一题我做过了. 嗯题目你们自己看看呗 好难解释 ----- ...

  3. Sql Server 镜像相关

    http://blog.csdn.net/dba_huangzj/article/details/35995083

  4. 开发者说 | 使用Visual Studio Code编译、调试Apollo项目

    转载地址:https://mp.weixin.qq.com/s?__biz=MzI1NjkxOTMyNQ==&mid=2247484266&idx=1&sn=d6bcd4842 ...

  5. SSH构造struts2项目

    第一在pom.xml导入相应的包 (网上有很多导入多个包的教程,我缩减到一个了) <project xmlns="http://maven.apache.org/POM/4.0.0&q ...

  6. Vue-起步篇:Vue与React、 Angular的区别

    毋庸置疑,Vue.React. Angular这三个是现在比较火的前端框架.这几个框架都各有所长,选择学习哪种就得看个人喜好或者实际项目了.相比之下, Vue 是轻量级且容易学习掌握的. 1.Vue和 ...

  7. 项目中BigDecimal与Double使用场景

    金额要用BigDecimal 金额计算不能用doube!!!! 金额计算必须用BigDecimal,下面对比一下用double 跟BigDecimal的区别.先看一个小例子: 请看题: 示例1 问, ...

  8. HTMLParser使用简介

    HTMLParser具有小巧,快速的优点,缺点是相关文档比较少(英文的也少),很多功能需要自己摸索.对于初学者还是要费一些功夫的,而一旦上手以后,会发现HTMLParser的结构设计很巧妙,非常实用, ...

  9. 628. Maximum Product of Three Numbers

    Given an integer array, find three numbers whose product is maximum and output the maximum product. ...

  10. 工作流程,编程,调试,性能:Unity游戏开发者应该学习的20个改进技巧

    Unity 是一个备受欢迎的游戏开发平台.它的功能令人印象深刻,同时也迎合了不同的游戏开发需求.游戏开发者可以使用 Unity 创建任何类型的游戏,从世界级的 RPG 游戏到最流行的增强现实游戏 Po ...