必须知道的⼏款优秀可视化表单、流程开源设计器
前⾔
随着互联⽹的快速发展,越来越多的云建站平台快速崛起,不可避免的就是⾃定义可视化设计,如何不通过开发就能够简单快速的搭出⼀个可⽤的页⾯就成了⼤家头痛的问题,但是从零开始开发设计⼀套可视化设计功能并不是⼀个简单的事情,还好有很多开源的可视化设计项⽬/组件可以供我们使⽤,今天我们就来看看这些开源可视化设计项⽬。
⼀、FormRender
易⽤的跨组件体系的表单渲染引擎 - 通过 JSON Schema 快速⽣成⾃定义表单配置界⾯
遵循 MIT 协议
请⾃由地享受和参与开源
如上图,使⽤ Schema 编辑器 快速⽣成可实现低上⼿成本、快速搭建
⽀持 Ant Design 和 Fusion Design 主流的视觉主题
使⽤ JSON Schema 标准协议描述表单配置,并搭配丰富类型且可扩展的组件
⽀持 1 排 N、横纵排、⽀持对象⽆限嵌套、⾃定义正则校验、⾃定义样式组件、列表拖拽等特性
已在阿⾥云、淘宝、天猫、飞猪、亚博科技、安全智能、新零售⾏业⼯作台、⼈⼯智能实验室等多 BU 多场景使⽤,简单使⽤同时⽀持复杂场景使⽤
使⽤上有详细⽂档,维护上有专⼈⽀持
⼆、form-generator
Element UI表单设计及代码⽣成器,可将⽣成的代码直接运⾏在基于Element的vue项⽬中;也可导出JSON表单,使⽤配套的解析器将JSON解析成真实的表单。
vuejs流程图插件
遵循 MIT 协议
三、f-render | 基于 ElementUI 的表单设计器
f-render 是基于 vue-ele-form 开发的可视化表单设计⼯具, 适⽤于 各种流程引擎和动态表单项⽬,⼤⼤节省你的开发时间;
未声明
四、easy-flow
基于VUE+JsPlumb的流程设计器
符合项⽬package.json中使⽤的插件中规定的协议即可
功能介绍
⽀持拖拽添加节点
点击线进⾏设置条件
⽀持给定数据加载流程图
⽀持画布拖拽
⽀持连线样式、锚点、类型⾃定义覆盖
⽀持⼒导图
特别推荐⼀个分享架构+算法的优质内容,还没关注的⼩伙伴,可以长按关注⼀下:
长按订阅更多精彩▼
如有收获,点个在看,诚挚感谢

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。