前端schema表单配置生成方案

一、背景

表单Form开发，尤其在中台项目中，是FE🐒的家常便饭，一般需要大量的重复性工作🥱：

• 编写模板
• 编写校验规则
• 表单提交（偶尔联动）

同时，Server也需要编写校验规则。然而，伴随业务变更和前后端开发同步不及时的情况，前后端校验规则可能会存在不一致的问题。所以「前后端共用校验规则」也可在范畴之内。

二、目标

减少重复性工作🚀：通过配置自动生成表单模板，同时这个配置最好还能描述表单校验相关。

三、方案选型

1. form-render

2019年10月阿里开源，基于React框架的跨组件表单生成引擎。通过 JSON Schema 生成标准 Form，常用于自定义搭建配置界面生成。

📖 官方文档

👀 playground演示

优点：

• schema基于JSON schema 协议进行拓展，可以无缝接入；
• 天然支持 antd 和 fusion两套，其他的组件库可通过 widgets 的方式传入；
• 对于具体表单组件属性的互动，使用ui:options存放的特定配置（例如textarea的rows，基本上所有的antd文档中的props都可以使用ui:options的方式来直接使用）；
• 对于具体表单组件样式的