FormMaking V3 发布，支持 Vue 3 的可视化低代码表单设计器

简介FormMaking v3 是基于 Vue 3.x 和 Element Plus 开发的可视化/低代码表单设计器，可以生成 Element 和 Antd 样式的表单。FormMaking 目前已被民航、政务、教育、医疗、测绘、金融、网络安全、智慧城市等不同领域采用，V3 版本完全支持兼容 FormMaking，在使用和功能上完全一致。预览地址：https://form.making.link/

GavinZhulei

3107人浏览 · 2022-03-28 10:35:41

GavinZhulei · 2022-03-28 10:35:41 发布

简介

FormMaking v3 是基于 Vue 3.x 和 Element Plus 开发的可视化/低代码表单设计器，可以生成 Element 和 Antd 样式的表单。

FormMaking 目前已被民航、政务、教育、医疗、测绘、金融、网络安全、智慧城市等不同领域采用，V3 版本完全支持兼容 FormMaking，在使用和功能上完全一致。

预览地址：https://form.making.link/v3/sample/?from=csdn

文档地址：https://www.yuque.com/form-making/dpaoao

在这里插入图片描述

特色功能

丰富的字段

提供了常见的基础字段，复杂的高级字段和布局字段，可以满足一般的需求，如果有特殊的组件要求，可以将自己的组件导入到设计器中，一样可以实现配置。
在这里插入图片描述

数据源

提供了数据源管理，可以对接口数据进行管理和操作，并能做在线测试。

在这里插入图片描述

低代码配置

可以通过动作事件配置，并调用表单API来实现表单内部的一些操作。

在这里插入图片描述

复杂的布局

在这里插入图片描述

结语

此处就不把功能一一介绍完了，有兴趣的同学可以到官网进行体验。

预览地址：https://form.making.link/v3/sample/?from=csdn

文档地址：https://www.yuque.com/form-making/dpaoao

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^