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团队的支持下,我很高兴能跟大家分享一下有 ...
随机推荐
- n个并发进程共用一个公共变量Q,写出用信号灯实现n个进程互斥的程序描述,给出信号灯值得取值范围,并说明每个取值范围的物理意义。
答: var mutex: semaphore:=1; begin cobegin process i : begin // i = 1,2,……,n repeat P(mutex); 对公共变量 ...
- 一个小小的抽奖活动测试脚本(python2.7)
# coding=utf-8import requestsimport cx_Oracletns=cx_Oracle.makedsn('172.30.0.155',1521,'szdev')db1=c ...
- widows下的进程与服务
进程: 当程序卡死的时候,我们可以直接通过任务管理器来关闭进程. 服务: 在这个界面,我们可以选择启动或者关闭相关服务,还可以选择服务是否自动启动. 以关闭MySQL自启动服务为例:https://j ...
- SSD-Tensorflow: 3 步运行 TensorFlow 单图片多盒目标检测器
昨天类似的 YOLO: https://www.v2ex.com/t/392671#reply0 下载这个项目 https://github.com/balancap/SSD-Tensorflow 解 ...
- 字符串的最长回文串:Manacher’s Algorithm
题目链接:Longest Palindromic Substring 1. 问题描述 Given a string S, find the longest palindromic substring ...
- 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 ...
- java如何获得数据库表中各字段的字段名
public class TestDemo { public static Connection getConnection() { Connection conn = null; try { Cla ...
- 561. Array Partition I
Given an array of 2n integers, your task is to group these integers into n pairs of integer, say \(( ...
- 2. struct A 和 typedef struct A
2. struct A 和 typedef struct A 2.1 struct A struct A{}定义一个名为struct A的结构体. 下例定义了struct A同时,声明了两个变量(注意 ...
- 《Python黑帽子》_1设置Python环境安装wingIDE
1首先你得有个Kali 检测python版本 安装pip 2安装wingIDE 网站 http://www.wingware.com 获取WingIDE 3解压wingide并且解决依赖关系 下载后在 ...