Ext JS 6开发实例

Posted 2020-07-08

很久没写文章了，主要原因和大家差不多，都要为生活奔忙，搞了两个小项目。这两个小项目很凑巧，都可以使用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 ”联系我。如果有任何项目需要我提供支持、合作开发、外包等，也可以联系我。

多谢！