mirror of
https://github.com/zhigang1992/form-render.git
synced 2026-06-16 10:33:52 +08:00
19 lines
1.3 KiB
Markdown
19 lines
1.3 KiB
Markdown
# 使用场景
|
||
|
||
##### 1. 规范化表单视图的快速生成：写好对应的参数配置，快速生成一个标准表单，省去了使用类 Ant Design 表单的麻烦地方
|
||
|
||
<img src="https://qpluspicture.oss-cn-beijing.aliyuncs.com/ts-upload/1573547684-OCOmqe.png" width="400"/>
|
||
|
||
##### 2.可视化配置界面生成：并可以从代码层面 <a href="https://alibaba.github.io/form-render/#/docs/proptypes" target="_blank">自动生成</a> JSON Schema，来完成整体流程的打通
|
||
|
||
<img src="https://qpluspicture.oss-cn-beijing.aliyuncs.com/ts-upload/1573546822-GWwTVd.png" width="700"/>
|
||
|
||
##### 3.服务能力配置界面生成：常用于后台字段系统中，接口同学通过吐 JSON Schema 字段给前端界面，渲染出他所想要的界面以及获取用户的输入进行提交给后端，可以起到无需发布就可无缝扩展各种类型的作用
|
||
|
||
<img src="https://qpluspicture.oss-cn-beijing.aliyuncs.com/ts-upload/1573547420-S9s1eC.png" width="700"/>
|
||
|
||
##### 4.作为配置输入和搭建系统配合使用：FormRender 在正常展示的情况下，可以很简单的进行和原主题的适配使用
|
||
|
||
<img src="https://qpluspicture.oss-cn-beijing.aliyuncs.com/ts-upload/1573547974-EWh3OI.png" width="700"/>
|
||
<img src="https://qpluspicture.oss-cn-beijing.aliyuncs.com/ts-upload/1573548385-IFEy6t.png" width="700"/>
|