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

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

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

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

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

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


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

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


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

    相关推荐

    一对一源码开发,九大方面完善基础架构

    以往的直播大多数都是一对多进行直播社交,弊端在于不能满足到每个用户的需求,会降低软件的体验感。伴随着用户需求量的增加,一对一直播源码开始出现。一个完整的一对一直播流程即主播发起直播→观看进入房间观看→...

    揭秘PHP8.4的新特性,帮助您提高开发效率

    PHP8.4作为一次重大版本更新,引入了多项提升开发效率和代码性能的新特性,以下是核心功能的总结:一、属性钩子(PropertyHooks)-功能描述:允许通过语法直接为类的属性定义get...

    【验证码逆向专栏】某验三代、四代一键通过模式逆向分析

    声明本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除!本文章未经许可禁止转载,禁止任...

    如何申请SourceForge免费PHP空间(国内免费php空间申请)

    SF.net,即Sourceforge.net,是国外一个开源软件分享及管理平台,也是全球最大开源软件开发平台和仓库。Sourceforge.net为广大的开发者提供了软件发布平台,同时又提供了个人免...

    10款最佳PHP自动化测试框架(web自动化测试框架搭建)

    为什么测试如此重要?PHP开发新手往往不会测试自己编写的代码,我们中的大多数通过不断测试我们刚刚所编写浏览器窗口的新特性和功能来进行检测,但是当事情出现错误的时候我们往往不知道应该做些什么。为我们的代...

    国内外交互体验最好的十款验证码(国外验证码平台)

    【文章摘要】最近在网上看到各种关于吐槽验证码的帖子,什么《那些年我们遇见过的验证码》,什么《万恶的验证码》,什么《丧心病狂的验证码》等等等等,我竟不知道在这个高呼用户体验的互联网时代,会有如此的设计存...

    分享一款漂亮的 C# .Net 图形验证码

    网上大部分验证码都是PHP的,基于C#.Net开发的很少,推荐一款很漂亮且适用的C#图形验证码,可以自定义背景图库,功能还是挺强大的:1、效果截图2、前端接入脚本:<scriptsrc=&#...

    PHPMAILER实现PHP发邮件功能php实例

    这篇文章主要为大家详细介绍了PHPMAILER实现PHP发邮件功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了PHPMAILER实现PHP发邮件功能的具体代码,供大家参考,具...

    易语言怎么实现短信发送(易语言发送消息怎么用)

    易语言实现短信发送开发教程1、免费注册短信账号免费注册互亿无线短信平台会员(平台会自动免费给每个会员赠送测试短信)请点击链接注册:「链接」2、短信发送逻辑短信实现流程说明3、查看短信API接口文档登录...

    不用 Try-Catch,让代码在运行前&quot;自检&quot;!

    在传统PHP开发中,try-catch块是我们处理运行时错误的主要方式。但现代PHP开发已经进化,我们可以做得更好——在代码实际运行前就预知其行为,提前发现潜在问题。本文将介绍几种超越t...

    信息安全学习4. 重放攻击的概念与防范

    一、定义重放攻击(ReplayAttacks)又称为重播攻击、回放攻击,一般是攻击者截获数据包后,无法解密数据,但可以把数据包和业务间的关系进行猜测,重新发送相同数据包,来达到欺骗系统的目的,主要...

    让国内用户也能在Gravity Forms中开启谷歌验证码

    我一直认为GooglereCAPTCHA是最好的表单验证插件,没有之一。GravityForms作为WordPress界最强的表单插件之一,也提供了免费的表单验证功能,它接入的也是Googler...

    Java 的业务逻辑验证框架 之-fluent-validator

    开发人员在维护核心业务逻辑的同时,还需要为输入做严格的校验。当输入不合法时,能够给caller一个明确的反馈,最常见的反馈就是返回封装了result的对象或者抛出exception。一些常见...

    PhalApi专业版2.2.0版本更新,全面支持权限分配,添加验证码

    PhalApi专业版介绍API接口是项PhalApiPro专业版是基于PhalApi开源版研发的,专注PHP接口开发和云平台搭建,助力项目快速开发!可用于快速搭建内部系统、BaaS、SaaS、Pa...

    PHP 安全的最佳实践(php的安全性)

    概述现在人们、开发人员和企业比以往任何时候都更加认为PHP是一种垂死的语言,它可能在IT/开发世界中没有立足之地。然而,PHP是当今仍在使用的最流行的编程语言之一。它被数以百万计的网站使用,大...