ProComponents(适用于中后台的页面系列组件)学习:设计理念（一）

                                      ProComponents(适用于中后台的页面系列组件)学习:设计理念（一）

                                                                     热水 2021.19 北京  个人QQ:28582157

ProComponents官方地址：https://procomponents.ant.design/docs/intro

一、前言：

       传统上我们基本上据于Ant Design 或者Vue（element ui， Ant Design for vue, iView,Avue) 等基础组件库来开发，但我们在开发大量中后台功能时，发现更希望有页面级别的组件库供我们使用即标准化的CRUD页面组件，这些组件包装好了本身特性状态和行为，例如一个列表页面组件，自带了dataSoure，loading状态，同时还有网络请求的行为等封装，分页功能，搜索功能等，从而大量减少我们的重复工作量，当然它只适合中后台应用程序的开发，如果需要丰富的页面风格还是采用原生的Ant Design 基础组件库才能满足需求。

二、重型组件设计思想：

         1.一个重型组件的设计思想就是：抽象出有哪些状态，然后围绕出这些状态再抽象出这个状态有哪些行为，即 一个状态加一系列的行为。

          2. 重型组件就是约等于一个页面组件： 与传统的组件不同，它是抽象成页面处理，从而让开发更专注核心的业务逻辑：

                 （1）列表页面：ProLayout + ProTable

                  （2）添加/编辑页面：ProLayout + ProForm

                  （3）查看页面：ProLayout + ProDescriptions

三、ProComponet包括了哪些页面级的重型组件：

ProComponents 是基于 Ant Design 而开发的模板组件，提供了更高级别的抽象支持，开箱即用。可以显著的提升制作 CRUD 页面的效率，更加专注于页面。

• ProLayout 解决布局的问题，提供开箱即用的菜单和面包屑功能
• ProTable 表格模板组件，抽象网络请求和表格格式化
• ProForm 表单模板组件，预设常见布局和行为
• ProCard 提供卡片切分以及栅格布局能力
• ProDescriptions 定义列表模板组件，ProTable 的配套组件
• ProSkeleton 页面级别的骨架屏

四、后续章节从CRUD的常用功能页面角度总结这些重型组件的生产应用。