百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

介绍几款表单设计器_表单设计器 开源

ztj100 2025-09-29 16:04 5 浏览 0 评论

做低代码平台的,需要做前端界面的设计,表单的设计必不可少,比如宜搭 、轻舟等都是大厂的低代码平台,他们的平台上都带了表单设计器,这些表单设计器组件是与其平台配套的,跟我们自己的技术架构可能不一样,无法拿来就用,并且他们也没有开源。

今天介绍2个我认为不错的表单设计器。

FormCreate: 基于Vue的低代码可视化表单设计器工具,通过数据驱动表单渲染

用户可以通过可视化界面快速高效地创建表单,提高开发者对表单的开发效率,节省开发者的时间。

gitee地址:
https://gitee.com/xaboy/form-create.git

官网地址:
https://www.form-create.com/

分为了开源版和商业版本,本质上还是通过json渲染动态渲染组件,商业板还有AI功能。


Variant Form

一款高效的低代码表单,可视化拖拽式设计,支持组件库二开,一键生成源码,享受更多摸鱼时光...

这个设计器是作者正在用的,作者基于开源版本正在做补充,增加了api的定义,与作者所在公司的其他前端组件进行了集成。

这个表单设计器也是分为了开源版和Pro版,Pro版本有更多功能,如弹窗、抽屉、子表单等。但作者认为,如果会前端代码可以在开源版上做二次开发,工作量也不大。

官网地址:https://www.vform666.com/

gitee地址
:https://gitee.com/vdpadmin/variant-form



vue-ele-form: 这是一个个人做的表单设计器,GitHub上个人不在维护了,大家也可以了解一下。
内置 20 多种表单类型, 包括选单选、多选、标签、级联选择器等;

  • 拥有上传图片增强, 上传视频增强, 上传文件增强,树形下拉选择框, 富文本,表格编辑器, 动态表单, markdown, 地图, 代码编辑器, json 编辑器等丰富的第三方扩展,满足你的更多需求;配备可视化生成表单工具;内置表单校检;
  • 表单布局 和 响应式表单;
  • 表单分组;
  • 联动显示/隐藏、启用/禁用、重新获取 options 值
  • 可以通过插槽自定义表单项;
  • 支持国际化;一键 Mock模拟数据;
  • GitHub地址:
    https://github.com/dream2023/vue-ele-form

    EpicDesigner

    EpicDesigner是一个功能强大、开箱即用的拖拽式低代码设计器。它基于 Vue3 开发,兼容多套 UI 组件库,除了基础的页面设计功能,EDesigner 还提供了强大的扩展功能,可以让开发者根据自己的需求自由扩展和定制组件。此外,EDesigner 使用 JSON 配置来生成页面,可帮助开发者快速生成页面,提高开发效率。它提供了两个重要组件:EDesigner 设计器和 EBuilder 生成器。

    官网地址:https://docs.epicjs.cn/

    gitee地址:
    https://gitee.com/kcz66/epic-designer.git

    这款看起来相对比较简单,也比较粗糙一些,功能也比较少,大家有喜欢的可以下载下来看看。


    其实还有很多的表单设计器,像若以等框架中也带了一些表单设计器,大家都比较雷同,设计原理都差不多。

    作者在所在公司开发了另外一种形式的设计器,更加灵活,目前用于了很多的银行信贷系统,可解决银行调查报告、审查报告、贷后检查报告等场景,下次给大家介绍一下。


    今天是元旦,本来计划写低代码第一章的,可是在家要带娃,没有太多空闲时间,只能上班摸鱼时间来写。

    相关推荐

    Linux集群自动化监控系统Zabbix集群搭建到实战

    自动化监控系统...

    systemd是什么如何使用_systemd/system

    systemd是什么如何使用简介Systemd是一个在现代Linux发行版中广泛使用的系统和服务管理器。它负责启动系统并管理系统中运行的服务和进程。使用管理服务systemd可以用来启动、停止、...

    Linux服务器日常巡检脚本分享_linux服务器监控脚本

    Linux系统日常巡检脚本,巡检内容包含了,磁盘,...

    7,MySQL管理员用户管理_mysql 管理员用户

    一、首次设置密码1.初始化时设置(推荐)mysqld--initialize--user=mysql--datadir=/data/3306/data--basedir=/usr/local...

    Python数据库编程教程:第 1 章 数据库基础与 Python 连接入门

    1.1数据库的核心概念在开始Python数据库编程之前,我们需要先理解几个核心概念。数据库(Database)是按照数据结构来组织、存储和管理数据的仓库,它就像一个电子化的文件柜,能让我们高效...

    Linux自定义开机自启动服务脚本_linux添加开机自启动脚本

    设置WGCloud开机自动启动服务init.d目录下新建脚本在/etc/rc.d/init.d新建启动脚本wgcloudstart.sh,内容如下...

    linux系统启动流程和服务管理,带你进去系统的世界

    Linux启动流程Rhel6启动过程:开机自检bios-->MBR引导-->GRUB菜单-->加载内核-->init进程初始化Rhel7启动过程:开机自检BIOS-->M...

    CentOS7系统如何修改主机名_centos更改主机名称

    请关注本头条号,每天坚持更新原创干货技术文章。如需学习视频,请在微信搜索公众号“智传网优”直接开始自助视频学习1.前言本文将讲解CentOS7系统如何修改主机名。...

    前端工程师需要熟悉的Linux服务器(SSH 终端操作)指令

    在Linux服务器管理中,SSH(SecureShell)是远程操作的核心工具。以下是SSH终端操作的常用命令和技巧,涵盖连接、文件操作、系统管理等场景:一、SSH连接服务器1.基本连接...

    Linux开机自启服务完全指南:3步搞定系统服务管理器配置

    为什么需要配置开机自启?想象一下:电商服务器重启后,MySQL和Nginx没自动启动,整个网站瘫痪!这就是为什么开机自启是Linux运维的必备技能。自启服务能确保核心程序在系统启动时自动运行,避免人工...

    Kubernetes 高可用(HA)集群部署指南

    Kubernetes高可用(HA)集群部署指南本指南涵盖从概念理解、架构选择,到kubeadm高可用部署、生产优化、监控备份和运维的全流程,适用于希望搭建稳定、生产级Kubernetes集群...

    Linux项目开发,你必须了解Systemd服务!

    1.Systemd简介...

    Linux系统systemd服务管理工具使用技巧

    简介:在Linux系统里,systemd就像是所有进程的“源头”,它可是系统中PID值为1的进程哟。systemd其实是一堆工具的组合,它的作用可不止是启动操作系统这么简单,像后台服务...

    Red Hat Enterprise Linux 10 安装 Kubernetes (K8s) 集群及高级管理

    一、前言...

    Linux下NetworkManager和network的和平共处

    简介我们在使用CentoOS系统时偶尔会遇到配置都正确但network启动不了的问题,这问题经常是由NetworkManager引起的,关闭NetworkManage并取消开机启动network就能正...

    取消回复欢迎 发表评论: