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

介绍几款表单设计器(表单设计工具)

moboyou 2025-08-03 06:32 11 浏览

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

今天介绍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

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


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

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


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

    相关推荐

    Excel批量生成随机人名_excel批量生成随机数

    之前的文章讲过怎么用在Excel生成随机银行名字。今天继续给大家分享下怎么在Excel生成随机人名。随机数据工具包书接上回,本文对之前的随机数据生成工具包进行封装调用,生成的结果直接写入到Excel表...

    一学就会:Excel MOD函数,让数字周期循环变得easy

    今日推荐:MOD函数。目的:根据当前日期在年内的周数对5个小组取余,再根据余数的值获取对应的值班小组。MOD函数也可以作为获取随机数的一种,只不过这种随机数是有一定规律的。【函数介绍】MOD——返回两...

    1条公式,自动随机分配座位,你会么?

    随机座位困局、老办法效率低、新公式能否破局?.上周学校开会说要给教室换排座位,教务处老师愁得头发都快白了。以前都是靠老师自己写名单再划拉划分组,现在新教室三列座位,学生又多,折腾了三天都没摆顺当。听说...

    excel快速制作姓名随机分配表_姓名随机分组

    快速制作随机分配表。当需要把这一列的姓名进行随机分组应该怎么操作?是不是还在一行一行的去复制粘贴,这样效率是非常慢的。怎么快速的制作一个随机的分组?·首先在第一组输入等于第一个姓名的A2单元格,双击填...

    Excel里实现随机分组案例:导入名单随机分组

    大家好呀,今天来给大家分享如何快速在Excel里实现随机分组。如下图所示,有15个人,现在要随机分成3组,每组5个人。只要简单两步,就能完成分组。第一步:为每个人设置一个随机数并编序号C列输入公式=R...

    办公必备的15个Excel技巧,绝对的硬核干货,收藏备用

    Excel的灵魂在于数据的分析与统计,而分析与统计就离不开函数或公式,今天要给大家分享的15个函数公式,是工作中常用的,可以直接套用。一、从身份证号码中提取出生年月。函数1:Tex...

    Excel如何将某单元格区域数据随机排序

    如下图是某公司人员名单,现在想要对这些员工进行随机分组。即对单元格区域内数据进行随机排序。选中B2:E10单元格区域点击下图选项(Excel工具箱,百度它即可了解详细的下载安装方法,本文这里就不做具体...

    一键生成随机口算题,Excel工具妙用

    小学生每天都要做口算,今天我给大家分享一下如何用excel来自制小学生的口算题。看我这里已经做好了,它的公式是这样,然后往下去拉,想要多少要多少,而且每一道题都是随机的。而且这一个表做好了之后,只要让...

    Excel秒变抽签神器!1分钟搞定随机点名/抽奖

    还在为年会抽奖、课堂点名、分组任务抓狂?别求人写代码啦!Excel自带隐藏大招1分钟设置,永久使用,按个键就能开抽超简单3步设置(有手就会版)1随机号生成在姓名表旁新建「随机号」列输入=RAND...

    基础函数20例,案例解读,再不掌握就真的Out了

    Excel中的函数是Excel的一个重要工具,如果你不及时掌握,对于Excel的应用、工作效率等会受到很大的影响,今天,小编给大家分享20个Excel的基础函数,对大家肯定很有帮助。练习文件在文末领取...

    怎么利用Excel实现随机取样_excel随机取数据

    今天跟大家分享一下Excel如何随机抽样1.打开Excel软件2.选中要抽取数据的单元格区域3.点击下图选项(Excel工具箱,百度即可了解详细下载安装信息,本文这里就不做详细解说。)4.点击【统计与...

    1分钟学会Excel总表更新,分表实时同步,再也不用熬夜了!

    你是不是还在用筛选→复制→粘贴的老方法拆分Excel数据?每次按类别整理报表都要折腾半小时?别傻了!今天教你用FILTER函数一键搞定,数据更新还能自动同步!第一步:准备工作表新建3个工作表,分...

    excel计算几个数范围,excel怎么计算一个范围的个数

    excel怎么计算某些范围的数的个数,需要计算0-5,5-10,10-15,……1000的...比如这些数字在A列,从B1至B10求10个范围的数量。在B1输入:=countif(a:a,=10)在B...

    让Excel随机排序_excel如何设置随机排序

    随机排序如下图,希望对A列的应聘人员随机安排面试顺序。先将标题复制到右侧的空白单元格内,然后在第一个标题下方输入公式:=SORTBY(A2:B11,RANDARRAY(10),1)RANDARRAY的...

    对人员进行随机分组,分步骤详细解释,看了就学会了

    大家好,我是套路EXCEL!如上图,需要将12个人随机分成3组,每组4人。函数公式如下:=ROUNDUP(CHOOSECOLS(SORT(HSTACK(ROW(1:12),RANDARRAY(12...