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

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

637901c2f19d443eabb842f8.html

偷得浮生半日闲,自古人生何其乐。开始以前告诉一下你们,距离国庆8天假只剩4天了,先乐呵乐呵。前端

如今的前端,几乎是VUE与React的天下,基于VUE的前端框架比较多,像Element UI(很久没更新了,听说不维护,可是也没有一个官方的说法),IVIEW等,而React几乎就是被蚂蚁金服的Antd统一了,不过目前antd的版本出了个VUE版本的,从我的发展到工做室了,也是很是优秀的框架。vue

在开发中,常常要作的就是各种表单的设计,若是不采用一些表单设计器,手写的话要好久,今天给大伙介绍一下目前国内主流的3大UI框架设计器。git

637901c2f19d443eabb842f8.html

form-generator

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

目前form-generator算是最流行的,由于element框架成名已久,从而他的根基很是深,在文档的提供上也是很是详细的,总结起来具备如下5个特色编程

一、在线可视化的表单设计器,可独立部署element-ui

二、一键生成VUE代码,包含Script,Css前端框架

三、支持在线的表单可视化更改并随时能够预览网络

四、具有表单验证功能antd

五、官方文档很是详细,上手很快架构

若是采用element进行开发,能够试试这类工具,在必定程度上能够减轻工做量

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

637901c2f19d443eabb842f8.html

form-render

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

一、支持antd与fusion主体

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

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

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

637901c2f19d443eabb842f8.html

637901c2f19d443eabb842f8.html

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

KFormDesign

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

目前kfd的在码云上流行趋势跟影响力都比不上上面两个,只有79跟64,可是总体上的设计仍是很是先进的。

637901c2f19d443eabb842f8.html

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

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

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

四、一样也支持表单验证

五、快速获取表单数据

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

总结

根据目前小编的工做状况来讲,若是要选择这类表单设计器,会优先选择第一种或者第二种,毕竟作生不如作熟,前人都把坑踩完了本身就不用那么费劲了,若是你们伙还有什么好的表单设计器,能够在评论了留言,多种选择多条路。

637901c2f19d443eabb842f8.html

--END--

原创做品,抄袭必究

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值