写点什么

开源推荐:国内 3 大主流前端 UI 表单设计器,千万不要让领导知道

发布于: 2020 年 09 月 26 日
开源推荐:国内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进行开发,可以试试这类工具,在一定程度上可以减轻工作量



地址:h ttps://gitee.com/mrhj/form-generator





form-render

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



1、支持antd与fusion主体



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



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



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







地址:h ttps://github.com/alibaba/form-render



KFormDesign

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



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





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



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



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



4、同样也支持表单验证



5、快速获取表单数据



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



总结

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





--END--



作者:



原创作品,抄袭必究



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



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



发布于: 2020 年 09 月 26 日阅读数: 316
用户头像

喜欢奋战在一线的架构师 2020.09.21 加入

专注架构,微服务,机器学习,JAVA,Python等领域教程,欢迎关注

评论

发布
暂无评论
开源推荐:国内3大主流前端UI表单设计器,千万不要让领导知道