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

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

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

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

今天介绍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技巧:SHEETSNA函数一键提取所有工作表名称批量生产目录

    首先介绍一下此函数:SHEETSNAME函数用于获取工作表的名称,有三个可选参数。语法:=SHEETSNAME([参照区域],[结果方向],[工作表范围])(参照区域,可选。给出参照,只返回参照单元格...

    Excel HOUR函数:“小时”提取器_excel+hour函数提取器怎么用

    一、函数概述HOUR函数是Excel中用于提取时间值小时部分的日期时间函数,返回0(12:00AM)到23(11:00PM)之间的整数。该函数在时间数据分析、考勤统计、日程安排等场景中应用广泛。语...

    Filter+Search信息管理不再难|多条件|模糊查找|Excel函数应用

    原创版权所有介绍一个信息管理系统,要求可以实现:多条件、模糊查找,手动输入的内容能去空格。先看效果,如下图动画演示这样的一个效果要怎样实现呢?本文所用函数有Filter和Search。先用filter...

    FILTER函数介绍及经典用法12:FILTER+切片器的应用

    EXCEL函数技巧:FILTER经典用法12。FILTER+切片器制作筛选按钮。FILTER的函数的经典用法12是用FILTER的函数和切片器制作一个筛选按钮。像左边的原始数据,右边想要制作一...

    office办公应用网站推荐_office办公软件大全

    以下是针对Office办公应用(Word/Excel/PPT等)的免费学习网站推荐,涵盖官方教程、综合平台及垂直领域资源,适合不同学习需求:一、官方权威资源1.微软Office官方培训...

    WPS/Excel职场办公最常用的60个函数大全(含卡片),效率翻倍!

    办公最常用的60个函数大全:从入门到精通,效率翻倍!在职场中,WPS/Excel几乎是每个人都离不开的工具,而函数则是其灵魂。掌握常用的函数,不仅能大幅提升工作效率,还能让你在数据处理、报表分析、自动...

    收藏|查找神器Xlookup全集|一篇就够|Excel函数|图解教程

    原创版权所有全程图解,方便阅读,内容比较多,请先收藏!Xlookup是Vlookup的升级函数,解决了Vlookup的所有缺点,可以完全取代Vlookup,学完本文后你将可以应对所有的查找难题,内容...

    批量查询快递总耗时?用Excel这个公式,自动计算揽收到签收天数

    批量查询快递总耗时?用Excel这个公式,自动计算揽收到签收天数在电商运营、物流对账等工作中,经常需要统计快递“揽收到签收”的耗时——比如判断某快递公司是否符合“3天内送达”的服务承...

    Excel函数公式教程(490个实例详解)

    Excel函数公式教程(490个实例详解)管理层的财务人员为什么那么厉害?就是因为他们精通excel技能!财务人员在日常工作中,经常会用到Excel财务函数公式,比如财务报表分析、工资核算、库存管理等...

    Excel(WPS表格)Tocol函数应用技巧案例解读,建议收藏备用!

    工作中,经常需要从多个单元格区域中提取唯一值,如体育赛事报名信息中提取唯一的参赛者信息等,此时如果复制粘贴然后去重,效率就会很低。如果能合理利用Tocol函数,将会极大地提高工作效率。一、功能及语法结...

    Excel中的SCAN函数公式,把计算过程理清,你就会了

    Excel新版本里面,除了出现非常好用的xlookup,Filter公式之外,还更新一批自定义函数,可以像写代码一样写公式其中SCAN函数公式,也非常强大,它是一个循环函数,今天来了解这个函数公式的计...

    Excel(WPS表格)中多列去重就用Tocol+Unique组合函数,简单高效

    在数据的分析和处理中,“去重”一直是绕不开的话题,如果单列去重,可以使用Unique函数完成,如果多列去重,如下图:从数据信息中可以看到,每位参赛者参加了多项运动,如果想知道去重后的参赛者有多少人,该...

    Excel(WPS表格)函数Groupby,聚合统计,快速提高效率!

    在前期的内容中,我们讲了很多的统计函数,如Sum系列、Average系列、Count系列、Rank系列等等……但如果用一个函数实现类似数据透视表的功能,就必须用Groupby函数,按指定字段进行聚合汇...

    Excel新版本,IFS函数公式,太强大了!

    我们举一个工作实例,现在需要计算业务员的奖励数据,右边是公司的奖励标准:在新版本的函数公式出来之前,我们需要使用IF函数公式来解决1、IF函数公式IF函数公式由三个参数组成,IF(判断条件,对的时候返...

    Excel不用函数公式数据透视表,1秒完成多列项目汇总统计

    如何将这里的多组数据进行汇总统计?每组数据当中一列是不同菜品,另一列就是该菜品的销售数量。如何进行汇总统计得到所有的菜品销售数量的求和、技术、平均、最大、最小值等数据?不用函数公式和数据透视表,一秒就...