是我参与11月更文挑战的第10天，活动详情查看：2021最后一次更文挑战
以antd design Pro为出发点聊一聊前端组件与中后台的内容
01 中后台前端和它的特点是什么？
02 从Ant Design看中后台组件研发
03 从表单看中后台前端研发
04 简单再说几点复杂的东西
01 中后台前端和它的特点是什么？
数据展示 数据管理 数据共享 数据可视化
-
什么是中后台？ 最早的划分其实很简单前端多指的是网页或app，后端指的是数据库相关的东西，前期主要会服用一些数据库的技术，服用一些底层后端的技术，最早只有后端，没有前端没有中台的
-
当你再网上购物是，发生了什么？ 对于前端来说可能只是手机上的一个页面，一个按钮，然后你的一个购买的动作就完成了，但是实际上你背后会有一个非常复杂的系统。
到一个公司后你会发现，购物时，从订单管理，商品上下架，仓库管理，物流管理，售后，要管理的东西是非常多的。
此时很多东西不可能说要每次都重做， 如果你只是后端数据库这些技术去复用的话，你的迭代是很慢的，但是你有了很多中台的系统，他更上层的，偏业务的。仓储系统物流系统。这是再去打造一个应用，打造一个app就会非常简单。
往往你一个团队要支撑很多项目的开发，这时，对中后台的效率要求就会很高。他需要效率需要简单、中后台要处理的东西会有很多。
组件：ant design
全世界使用数最多的组件
02 从Ant Design看中后台组件研发
什么是组件？
为什么需要组件？
解决大多数场景下的部件复用问题，有时候一个项目中会有很多重复的部分，此时，使用一个组件能省去大部分的项目时间损耗。
如何打造一款组件
-
抽象
-
视觉和交互设计
-
API设计
-
研发
-
抽象 你要知道你需要哪些组件 你要知道你的项目中哪些部分是可以抽象出来的
-
视觉和交互设计 Ant Design的基础色板共计120个颜色，包含12个主色以及延伸色，这些颜色基本可以满足中后台设计中对于颜色的需求。
-
API设计 antdesign总结出了一套规范。失眠上很多主流库都会focus或者去参考 ant的设计
-
研发 Code Review 研发中调整纠正设计 单元测试
03 从表单看中后台前端研发
原生HTML时代 啊 没有中前端研发
F2V函数驱动视图（JQuery） 有了JQuery之后，调用对应方法就可以把数值进行简单的更改，进行一些简单的交互逻辑
D2V数据驱动视图（React、Vue） 我们在某处定义了一个数据，这个数据映射到这个表单是一一对应的，数据输入，表单也会生效。
C2V组件驱动视图（Ant Design） 以组件的形式，来去实现我们的一个项目部分
配置化、低代码 Ant Design
阿里定义了一个Formily
04 简单再说几点复杂的东西
中后台的复杂问题
- 复杂系统的制力，微应用的管控
- 效率和体验的平衡
- 物料
- 低代码
- 智能化
微前端 满足以下几点，你才确实可能需要微前端：
- 系统本身时需要集成和被集成的
- 旧的系统不能下，新的需求还在来
- 你的系统需要有一套支持动态插拔的机制
- 系统中的部件具备足够清晰的服务边界
低代码（Low Code）
基于可视化和模型驱动理念，结合云原生与多端体验技术，它能够在多数业务场景下实现大幅度的提效降本，为专业开发者提供了一种全新的高生产力开发范式
