Ant Design Pro 是阿里巴巴的蚂蚁金服推出的企业级中后台前端/设计解决方案。后台运营管理系统一般指的是支撑企业业务正常运转的信息化管理系统,比如生产销售型企业的后台订单管理、库存管理等。中台这个概念也是阿里提出的,随着企业的业务线增多,很多业务线出现了相同或者相似的业务,比如阿里的淘宝业务线、天猫业务线、聚划算业务线,这些业务线都有订单需求。如果每个业务线都重复实现相同的业务功能的话,既是对资源的浪费,也不利益业务的沉淀,为此阿里就开始提出中台战略,采用共享服务中心的方式来支持前端业务线,比如订单服务中心。这个订单服务中心就是中台。关于中台,笔者认为《企业IT架构转型之道_阿里巴巴中台战略思想与架构实战》这本书阐述的非常清晰。这也是一本非常值得看的书,特别是对于中后台开发人员和架构师来说。
企业级中后台系统的用户主要都是企业内部同事,系统界面一直比较尴尬。第一呢,一般不会像面向终端用户的界面那样配置专门的UI视觉/交互/Web或App前端开发,能有个专门的前端开发就已经比较奢侈了,很多都是由后台开发人员担任。第二呢,同事们对此也没太高的要求,因此也没啥怨言。但是作为有追求的开发人员,我们不能一直这么 low 下去。
第一次接触 Ant Design Pro 的时候只能用惊艳来形容。官网是这么介绍的,它秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套的需求原型设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。 Ant Design Pro 基于上述目标和提供了典型的模板,并据此构建了一套基于 React 的中后台管理控制台的脚手架,它可以帮助你快速搭建企业级中后台产品原型。
对于只有 javascript 经验的我来说,学习 Ant Design Pro 的过程却很痛苦。Ant Design Pro 基于的技术栈比较多,对相应的技术栈不了解的话,入门还是比较很困难的。为了让中后台开发人员能够更快入门,更好的使用这个中后台前端开发神器,我整理了我学习的过程,带着大家一步一步从最基础的 React 开始到 Redux、Saga、DvaJs、Umi,最终让你能够一窥 Ant Design Pro 原理,开发出你的中后台系统前端。