java 表单设计器 开源_开源推荐：国内3大主流前端UI表单设计器，千万不要让领导知道...

互联网应用架构：专注编程教学，架构，JAVA，Python，微服务，机器学习等领域，欢迎关注，一起学习。

偷得浮生半日闲，自古人生何其乐。开始之前告诉一下大家，距离国庆8天假只剩4天了，先乐呵乐呵。

现在的前端，几乎是VUE与React的天下，基于VUE的前端框架比较多，像Element UI(好久没更新了，据说不维护，但是也没有一个官方的说法)，IVIEW等，而React几乎就是被蚂蚁金服的Antd统一了，不过目前antd的版本出了个VUE版本的，从个人发展到工作室了，也是非常优秀的框架。

在开发中，经常要做的就是各类表单的设计，如果不采用一些表单设计器，手写的话要很久，今天给大伙介绍一下目前国内主流的3大UI框架设计器。

form-generator

form-generator适用于element-ui的表单生成，在线生成后可以直接运行于Element的项目中，同步可以导出JSON文件，配置他提供的JSON解析器进行解析成真实的表单。

目前form-generator算是最流行的，因为element框架成名已久，从而他的根基非常深，在文档的提供上也是非常详细的，总结起来具有以下5个特点

1、在线可视化的表单设计器，可独立部署

2、一键生成VUE代码，包含Script，Css

3、支持在线的表单可视化更改并随时可以预览

4、具备表单验证功能

5、官方文档非常详细，上手很快

如果采用element进行开发，可以试试这类工具，在一定程度上可以减轻工作量

form-render

form-render是阿里开源出来，用于支持自家antd与fusion的工具，在表单界面的设计上与第一个还是差不多挺像的。

1、支持antd与fusion主体

2、快速独立搭建，上手成本低

3、支持嵌套，自定义校验，自定义样式拓展，列表也能拖拽

4、文档上也是非常详细，在github的md还特别说明有专人维护支持，唯一深长的话。

KFormDesign

介绍完老前辈，来介绍一个比较新的KFormDesign，这是一个不久前才开始被人注意到的一个表单设计器，基于vue与antd-vue实现，采用less作为样式为主要开发语言，可以生成JSON文件。

目前kfd的在码云上流行趋势跟影响力都比不上上面两个，只有79跟64，但是整体上的设计还是非常先进的。

1、同样的可视化配置界面，提供栅格布局，表格布局

2、提供布局的嵌套，具体没说多少层

3、在线预览，生成JSON，生成可执行代码

4、同样也支持表单验证

5、快速获取表单数据

6、自定义组件、自定义主题颜色

总结

根据目前小编的工作情况来说，如果要选择这类表单设计器，会优先选择第一种或者第二种，毕竟做生不如做熟，前人都把坑踩完了自己就不用那么费劲了，如果大家伙还有什么好的表单设计器，可以在评论了留言，多种选择多条路。

--END--

作者：@互联网应用架构

原创作品，抄袭必究

如需要源码，转发，关注后私信我

部分图片或代码来源网络，如侵权请联系删除，谢谢！