使用Ant Design Pro，一个企业级开箱即用的中后台前端

#目录
** 此文仅是个人自学理解的学习笔记，若有不对之处敬请指导更正，谢谢！ **

Ant Design Pro

了解

Ant Design Pro 是一个企业级开箱即用的中后台前端/设计解决方案。符合阿里追求的**“敏捷的前端+强大的中台”**的思想。

Ant Design Pro官网 ClickHere 》

前台/中台/后台的理解：

1. 前台要求个性化，能体面公司的特色和对用户需求的满足（理解为用户看的页面）
2. 中台是第三方业务运营方，是公司把部分业务开放后，为别的公司的业务赋能（实现可抽离的，非单纯属于公司内部运营业务，比如：定位，AI，语音，图像识别等）
3. 后台是公司内部的业务运营平台（公司内部运营）

开箱即用的理解：
out-of-the-box：创造性的，非传统的，立即可以用的。

以我个人来看，在没使用Ant Design Pro的时候，做的中台用的都是像基于Bootstrap框架的ACE后台模板。点击这个ACE github，你可以看到这个是基于一堆的html网页，以及对应的js插件，其中你要用到那些效果就用对应的插件js文件，一开始可能还找不清那个文件是那个插件，插件的改造也难，后期维护难，没有一个很好的架构支撑类MVC思想，好在UI是不怎么写了，然而一个页面也会因为一个无需那么负责功能的插件而导致过大。而Ant Design Pro基于React，用了DvaJs这个基于 redux、redux-saga 和 react-router 的轻量级前端框架,将该项目以MVC的模式搭起来了，数据，组件用起来那也是风生水起，easyQAQ，clone下来后很多功能都是分装好，你可能只需要调个数据。。数据。。就ok了。。。环境也就有NPM，有node就ok，安装一下里面包里的依赖，你就可以查看使用里面的东西，并且拥有已经配置好了的严谨的开发格式（在devDependencies: 项目在开发和测试环境中依赖的包），用于协作代码的统一，语法的完整性。等等。

（PS：大一的时候还觉得ACE的UI很高大上，用了Ant Design Pro才觉得甩了ACE不知道多少条街。。）

---

知识储备

HTML	Less	ReactJs	ES6	DvaJs（新PRO用umiJs）	Ant Design
\