开源推荐:国内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--
作者:@互联网应用架构
原创作品,抄袭必究
如需要源码,转发,关注后私信我
部分图片或代码来源网络,如侵权请联系删除,谢谢!
开源推荐:国内3大主流前端UI表单设计器,千万不要让领导知道相关推荐
- 基于springboot+element ui+vue的java快速开发平台,集成html5工作流设计器,flowable, element ui 表单设计器
前后端分离.maven多模块开发,方便多人协同开发 后端选型:springboot2 + mybatis + shiro + jwt token + flowable 前端选型:vue + eleme ...
- 多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单
本文完整版:<多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单> Vue 表单设计器 form-generator - 适配 Element Plus UI 框架的表单设计器 f ...
- python开源报表系统_流程设计器、表单设计器和简单报表管理开源OA系统smart-web...
smart-web2是一套相对简单的OA系统:包含了流程设计器,表单设计器,权限管理,简单报表管理等功能: 系统后端基于SpringMVC+Spring+Hibernate框架,前端页面采用JQuer ...
- 要想工作流程更简便,试试开源web表单设计器
繁杂的工作流程,让您头疼不已?传统的表单制作效率低?内部数据迟迟得不到有效管理?-作为职场人的你,是否经常遇到上述问题.别着急,在如今的快节奏发展时代,传统的表单制作已经满足不了行业和市场的需求了,想 ...
- 使用开源的驰骋表单设计器设计表单案例演示
我们以客户提供如下原始的word表单样本,使用驰骋表单设计器制作表单的过程介绍如下: 工业设计和创意需求登记表原始表单图 在ccform表单设计器中,设计如下: 驰骋表单设计器,设计表单所见既所得,操 ...
- 不得不说,还是这款开源工作流表单设计器较合心意!
近几年,低代码的热潮持续不断.且不说之前的阿里钉钉跨平台写作方式.飞书上的审批流程,就说现在我们大部分人接触到的表单审批.投票的模板等,几乎都是以低代码的方式来呈现在大家面前的.在数字化转型的浪潮下, ...
- 什么是开源表单设计器?
在现代化办公场所里,提升办公效率是很多企业需要解决的一个课题.在业务量激增的当下,面对众多表格.表单需要制作,如何才能提升表格的制作效率和数据的使用率?一款开源表单设计器就可以派上用场了.今天,我们就 ...
- 基于Ant Design和jQuery UI的表单设计器
基于Ant Design 和jQuery UI 的表单设计器 GitHub 地址 概念 Comonent 组件 Layout 布局,一种特殊的Component Component Editor 组件 ...
- 开源Vue表单设计器
一.项目简介 Vue表单设计器,开源 二.实现功能 支持文本(单行文本.多行文本) 支持时间选择器 支持单选和多选 支持下拉选择框 支持单行文本.支持多行文本 支持格栅布局,支持滑块 支持图片.支持自 ...
最新文章
- python split 倒数第一个_请教一个在python中该如何去掉split之后的第一个单词?
- Win10系统java环境配置
- 用别的表格中数据进行计算机,tusimpleBI 做的图表,别的电脑可以打开吗?
- putty 32位_了解linux系统远程操作软件,putty的安装过程!
- Hakase and Nano 博弈
- 判断一个文本文件的编码格式
- C#按指定长度分割字符串
- OpenCV源码解析之动态内存管理CvMemStorage与CvSeq
- ELDD Chapter 2..3 Linux Kernel Facilities
- 如何查看对方的QQ登录是IP地址的方法
- 吉林大学计算机数据中心排名,2018年度中国医院排行榜发布,吉大一院跻身50强!...
- 外接USB蓝牙设置无法启动
- FIL、XCH、BZZ哪个更好?
- 大数据分析应用领域有哪些
- 谈谈产品与运营之 - 什么是用户感知
- Mac苹果电脑 安装virtualBox
- 题目60 相同字母消除法(栈)(ok)
- blender 学习
- SaaS应用价值存巨大争议
- Linux修改密码提示鉴定令牌操作错误