FormMaking表单设计器V3.8发布，数据表格上线，支持多选、多级表头、列模板自定义、操作列、分页等设置

最新推荐文章于 2025-10-30 15:20:07 发布

原创

最新推荐文章于 2025-10-30 15:20:07 发布 · 1.5k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#可视化 #vue

介绍

FormMaking 是基于Vue的可视化表单设计器，赋能企业实现可视化低代码开发模式；帮助开发者从传统枯燥的表单代码中解放出来，更多关注业务，快速提高效率，节省研发成本。目前已经在OA系统、考试系统、报表系统、流程管理等众多项目中得到了广泛使用。

FormMaking 采用 Vue 和 Element 进行页面构建，内置 i18n 国际化解决方案，支持二次扩展开发，支持自定义组件扩展，目前支持渲染 Element 和 Antd 组件库。

直观的拖拽操作

FormMaking 通过可视化拖拽来创建表单，方便易用。

在这里插入图片描述

丰富的表单字段

FormMaking 提供了各种类型的表单字段，包括布局、容器、文本、选择框、对话框、数据表格、自定义等，基本可以满足各种场景下的复杂表单创建。

在这里插入图片描述
FormMaking 除了可以使用内置的字段，还支持将自己的组件引入到设计器中进行配置使用。

在这里插入图片描述

响应式设计

FormMaking 的表单是全响应式的，可以在任何设备上，如桌面，平板电脑

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

GavinZhulei

关注关注

11
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Coze 打通飞书多维表格，实现数据增删改查操作实战详解

congge

08-03

5089

基于Coze 打通飞书多维表实现数据录入系统实战详解

antd表格列自定义显示与隐藏

随记

09-14

5571

参与评论您还未登录，请先登录后发表或查看评论

vform2 表单数据回显问题

浮华一世南柯一梦

11-08

618

使用单独的setFieldValue后，有发现因为有子表单数据，setFieldValue无法回显子表单，需要单独处理。ruoyi-flowable-plus 流程绑定的表单需要回显暂存的数据，使用。存储数据后，如果表单中含有上传组件并且存储时上传组件没有上传，使用。后，再点击上传会报错。

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

GavinZhulei的博客

03-28

3544

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

VForm3表单设计器的使用心得

最新发布

填坑是一个过程

10-30

443

本文分享了VForm3 Pro在表单开发中的实践应用。该工具功能完善但学习成本较高，重点解决了三个关键问题：1）动态token获取通过DSV参数实现；2）级联选择使用onChange方法和loadOptions加载数据；3）子表单数据联动通过动态获取组件对象实现。文中详细介绍了多行子表单配置、级联数据处理等典型场景的解决方案，为复杂表单开发提供了参考范例。

vue-form-maker:Vue 表单生成器——动态生成表单组件

05-02

简介 Vue 动态生成表单组件，可以根据数据配置表单，使用的UI库是。有问题或BUG欢迎提表单组件 Input 输入框 Button 按钮 Radio 单选框 Checkbox 多选框 Icon 图标 Switch 开关 Select 选择器 Slider 滑块 DatePicker 日期选择器 TimePicker 时间选择器 Cascader 级联选择器 InputNumber 数字输入框 Rate 评分 Upload 上传 ColorPicker 颜色选择器使用在单文件组件中引用 npm i vue-form-maker import VueFormMaker from 'vue-form-maker' import ViewUI from 'view-design'; import 'view-design/dist/styles/iview.css'; // 如需使用城市

vue-form-making-master.zip

09-01

vue实现的自定义表单。可随意拖动生成表单json。页面很流畅 vue实现的自定义表单。可随意拖动生成表单json。页面很流畅 vue实现的自定义表单。可随意拖动生成表单json。页面很流畅

Form-Marking表单设计器

m0_59792807的博客

10-12

2563

因为工作需要，开发一个表单审批流，借助了form-marking这个组件。

FormMaking 表单设计器，全新表单打印，字段扩展属性，隐藏禁用规则配置升级！

GavinZhulei的博客

10-17

847

技术支持 Vue2/Vue3，内置了 i18n 国际化解决方案，方便了二次开发。同时，它还支持多终端适配，包括 PC、Pad、Mobile 等，能够提供丰富的布局和高级容器，以及自定义扩展能力。FormMaking 表单设计器是一款基于 Vue 的可视化低代码开发工具，它极大地简化了表单的开发过程，使开发者能够从繁琐的代码编写中解放出来，从而更加专注于业务逻辑的实现。高级版本目前已服务于众多企业，包括国企、上市公司和跨国企业，已广泛应用于OA系统、考试系统、报表系统、流程管理等众多项目中，获得了广泛认可。

自定义表单设计器演示程序

02-25

表单设计器通常支持数据绑定，这意味着表单中的控件可以直接与数据库或其他数据源关联。在示例模板中，可能展示了如何绑定数据到表单字段，实现数据的实时更新和验证。此外，它可能还包含了一些常见的业务逻辑，例如...

自定义表单设计器演示版源码（C#）

10-24

自定义表单设计器是开发应用程序时经常会用到的一种工具，特别是在需要用户输入数据或进行交互式操作的应用场景中。在本示例中，我们关注的是一个基于C#编写的自定义表单设计器的演示版源码。这个源码提供了一个平台...

form-making:基于formily的简易表单编辑器

03-08

形式制作简易表单编辑器

form-making-advanced.rar

11-19

1.2.16付费高级版 可视化 主流表单设计器页面，通过可视化的操作，快速完成表单页面的创建。 Element 使用基于 Vue 2.0 的桌面端组件库 Elemnet ，使用广泛，扩展方便。栅格布局通过栅格进行表单布局，可以嵌套使用，支持 Flex，基本可覆盖复杂的表单布局场景。 自定义 提供自定义区域和自定义样式扩展，可以简单方便的自定义自己的表单。高级组件提供功能强大的高级组件，可适用在各种复杂的场景中。 API 丰富的API接口，方便快速的生成表单，验证和获取表单数据。

html搭建工具,DA-FormMaker(html表单快速创建工具) V4.8.1 免费版

weixin_32009121的博客

06-07

478

DA-FormMaker可以快速轻松地创建HTML表单。颜色，字段，所有的设置都可以很容易地从程序接口配置，不需要拥有专业的HTML知识，也可以设计出让人叹为观止的表单，需要的小伙伴那快来下载使用吧！【软件特色】-轻松创建HTML表单。-设计和颜色设置只需几次点击。-最多3人。-复制到发件人邮件和个性化的文本。-加密电子邮件地址，以保护垃圾机器人。-所有HTML-formfields可用-Cale...

FormMaking的使用

qq_25741071的博客

06-21

2546

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-j9ov4znQ-1655784428555)(//upload-images.jianshu.io/upload_images/18007657-f6f621ef9b352976.gif)] 因为是 element-ui 的组件库，在使用的时候需要引入 Element 包，具体引入方法请参考 Element 文档快速上手 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lxqAsqRC-165

【亲测免费】 Vue-Form-Making：打造动态表单的利器

gitblog_00088的博客

03-21

1153

是一个基于 Vue.js 的强大动态表单生成器，它能够帮助开发者快速、灵活地构建各种复杂表单，无需手动编写大量模板代码。 ## 项目简介 Vue-Form-Making 提供了一个可视化配置界面，允许业务人员直接参与到表单设计中，减少了前后端沟通成本。它的核心功能包括： 1. **动态生成**：根据 JSON 配置文件自动生成对应的表单元素。 2. **数据绑定**：双向数据绑定，表单与数据...

推荐开源项目：Vue Form Maker - 灵活构建表单的利器

gitblog_00094的博客

03-28

580

FormMaking 表单设计器，通过拖拽配置快速实现中后台数据增删改查

GavinZhulei的博客

08-11

1819

FormMaking 是基于 vue 和 element 开发的可视化/低代码表单设计器，可以选择生成 element 和 antd 样式的表单。目前已支持 Vue3。如果感兴趣可以前往我们官网查看，还有更多的示例等着你的了解。

form表单_基于Vue的表单设计器vue-form-making

weixin_39838362的博客

11-30

1697

vue-form-making基于Vue的可视化在线拖拉表单设计器，让表单开发简单而高效特性可视化配置页面提供栅格布局，并采用flex实现对齐一键预览配置的效果一键生成配置json数据一键生成代码，立即可运行提供自定义组件满足用户自定义需求提供远端数据接口，方便用户需要异步获取数据加载提供功能强大的高级组件支持表单验证快速获取表单数据安装# npm 安装推荐使用 npm 的方式安装，它能更好地和 ...