Formily如何实现供应商信息自定义配置的？

当我第一次接触 Formily， 心里那股“这能不能帮我把表单搞定”的激动与良好奇交织在一起，接近要把整条思路都放进一个动态表单里。说实话， 传统方式的后台系统往往让人头疼：字段坚硬编码、数据结构僵化、前端后端频繁对接……而 Formily 的出现，良好像给了我们一把解锁表单世界的万能钥匙。

先说说“自定义配置”到底是哪些魔法

供应商信息并非一成不变。各个行业、 各个企业都有自己的数据需求——从基本的公司名称、联系人，到繁杂的资质认证、税务编号甚至是更多语言支持。自定义配置，就是让这一些字段彻底由业务人员根据需要自行添加、删除或修改，而不需要任意编码。

是个狼人。 想象一下 你只需要在后台点击几下就能生成一个全崭新的“供应商登记”页面；当你需要崭新增“电子商务平台ID”时只需拖拽一个输入框到表单上，然后设置验证规则即可。全部这一些都发生在前端可视化界面之中， 后端自动根据 JSON Schema 更崭新数据库结构，整个过程接近是即时完成。

Formily背后的技术手段支撑

要做到如此灵活， Formily 必须要依托强较大较大的技术手段栈：，醉了...

• JSON Schema + React Hook Form将业务字段描写为 JSON 对象，然后通过 React Hook Form 的较高效状态管理渲染真实正的 UI。
• @formily/antd 或 @formily/element-plus提供给丰富有的组件库， 让你能够直接采用 Ant Design 或 Element Plus 的控件，而无需手写样式。
• SchemaDesigner 与 SchemaViewer这两较大模块分别负责可视化编辑和最终还是渲染，使得从设计到上线仅需一次点击即可完成。