多款可视化表单、流程开源设计器
随着互联网的快速发展,越来越多的云建站平台快速崛起,不可避免的就是自定义可视化设计,如何不通过开发就能够简单快速的搭出一个可用的页面就成了大家头痛的问题,但是从零开始开发设计一套可视化设计功能并不是一个简单的事情,还好有很多开源的可视化设计项目/组件可以供我们使用,今天我们就来看看这些开源可视化设计项目。
一、FormRender
易用的跨组件体系的表单渲染引擎 - 通过 JSON Schema 快速生成自定义表单配置界面
Github Star 数 1938 , Github 地址:https://github.com/alibaba/form-render/stargazers
官方文档地址:https://x-render.gitee.io/form-render
协议:
- 遵循 MIT 协议
- 请自由地享受和参与开源
- 如上图,使用 Schema 编辑器 快速生成可实现低上手成本、快速搭建
- 支持 Ant Design 和 Fusion Design 主流的视觉主题
- 使用 JSON Schema 标准协议描述表单配置,并搭配丰富类型且可扩展的组件
- 支持 1 排 N、横纵排、支持对象无限嵌套、自定义正则校验、自定义样式组件、列表拖拽等特性
- 已在阿里云、淘宝、天猫、飞猪、亚博科技、安全智能、新零售行业工作台、人工智能实验室等多 BU 多场景使用,简单使用同时支持复杂场景使用
- 使用上有详细文档,维护上有专人支持
二、form-generator
Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。
GiteeStar 数 1.3K, Gitee地址:https://gitee.com/mrhj/form-generator?_from=gitee_search
演示地址:https://mrhj.gitee.io/form-generator/#/
协议:
- 遵循 MIT 协议
三、f-render | 基于 ElementUI 的表单设计器
f-render 是基于 vue-ele-form 开发的可视化表单设计工具, 适用于 各种流程引擎和动态表单项目,大大节省你的开发时间;
GiteeStar 数 1.1K, Gitee地址:https://gitee.com/dream2023/f-render?_from=gitee_search
演示地址:https://dream2023.gitee.io/f-render/
协议:
- 未声明
四、easy-flow
基于VUE+JsPlumb的流程设计器
Gitee Star 数 1938 , Gitee地址:https://gitee.com/xiaoka2017/easy-flow
演示地址:http://xiaoka2017.gitee.io/easy-flow/#
协议:
- 符合项目package.json中使用的插件中规定的协议即可
功能介绍
- 支持拖拽添加节点
- 点击线进行设置条件
- 支持给定数据加载流程图
- 支持画布拖拽
- 支持连线样式、锚点、类型自定义覆盖
- 支持力导图
更多好文敬请关注公众号:main方法
多款可视化表单、流程开源设计器相关推荐
- 必须知道的几款优秀可视化表单、流程开源设计器
前言 随着互联网的快速发展,越来越多的云建站平台快速崛起,不可避免的就是自定义可视化设计,如何不通过开发就能够简单快速的搭出一个可用的页面就成了大家头痛的问题,但是从零开始开发设计一套可视化设计功能并 ...
- 项目管理:可视化表单界面设计器
需求: 目前正在开发一个可视化表单界面设计器,支持拖放,建表建库都可视化,基本需求如下: 1.建数据库表,和表中的字段,支持可视化界面操作 2.自定义表单:可以找个在线html编辑的js控件,有点类似 ...
- 基于VUE的ElementUi可视化表单设计器布局器
码农苦码农懂的个人空间 工作日志 正文 基于VUE的ElementUi可视化表单设计器布局器 顶 原 码农苦码农懂 发布于 09/11 15:35 字数 1187 阅读 41 收藏 0 点赞 1 评论 ...
- 表单流程中获取当前执行人填写的审批意见
度量快速开发平台的表单流程审批意见展现方式如下图所示: 为了展现效果的美观,在保存时会自动填充HTML代码 但在很多时候,我们需要将领导对该流程内容的意见发送给相关人员知晓,这时如果直接获取数据库 ...
- 新的vue版本可视化表单来了
动态图加载比较慢,最好等动态加载完毕后进入系统和代码下载. 在线可视化表单设计 介绍 本源码参考了form-genetator表单设计思路,还有其他的各类表单设计源码思路,形成最终产品,本框架功能有 ...
- js html表单设计器,可视化表单设计器拖拽生成表单(原创)
插件描述:可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间. 更新时间:2021-04-11 21:56:01 form-create-designer form-crea ...
- 【分享】集简云小程序识别身份证同步到表单流程搭建示例
1. 场景 通过小程序智能识别功能,可将居民提供的照片自动识别成文字并同步到表单系统存储,如Excel 365.伙伴云.轻流等进行汇总,实现防疫信息采集自动化! 2. 如何搭建自动化流程? 提前准备工 ...
- html5 css登录注册实现,html5+css3实现一款注册表单实例
效果图如下: html源码: 复制代码代码如下: 个人信息 账号: 密码: 重复密码: 邮箱地址: 其他信息 个人网址: 年龄: 月薪: 10000 function showValue(value) ...
- 多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单
本文完整版:<多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单> Vue 表单设计器 form-generator - 适配 Element Plus UI 框架的表单设计器 f ...
最新文章
- Eclipse启动时报错
- 公司使用360安全产品造成的CRM系统故障!
- Laravel解决报错500 Server Error: .env.example将其复制一份重命名为env
- python plt_python的plt
- 星之卡比镜之迷宫机器人_机器人工程师入门(0)
- scp跨主机拷贝工具
- 汇编语言:利用栈的特性对内存数据进行逆置
- Springboot项目与vue项目整合打包
- linux 存储映射lun 给_linux 存储多路径聚合和映射
- 说服力:从场景化出发的用户价值
- 海量数据处理的方法总结
- 一位全减器逻辑电路图_一种一位全减器电路的制作方法
- 你想每天定时向你的女朋友发一句早安吗 ?教你实现一个微信机器人
- 服务器机柜型号大全,标准机柜尺寸表
- 推进个人信息保护的几点建议
- centos7:在linux世界里,一切皆文件
- 可视化大屏“华而不实”?了解数据可视化的重点!
- vue2或者vue3图片上传功能(upload)
- 一些网络安全的工具软件的介绍
- 高并发系统高可用设计方案(一)