开源Vue表单设计器

最新推荐文章于 2024-08-08 00:15:00 发布
最新推荐文章于 2024-08-08 00:15:00 发布
阅读量759 收藏 1
点赞数 4
分类专栏： 博客 毕业设计 源码分享 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MMKJSH/article/details/127778549
版权
源码分享 同时被 3 个专栏收录
291 篇文章 68 订阅
订阅专栏
毕业设计
223 篇文章 19 订阅
订阅专栏
博客
80 篇文章 2 订阅
订阅专栏
这是一个基于Vue和ElementUI的开源表单设计器，支持多种输入组件如文本、时间选择器、单选、多选、级联选择器等。用户可以方便地创建和编辑表单，生成JSON或HTML代码，并能导入JSON直接生成界面。是一款强大的前端开发工具。
摘要由CSDN通过智能技术生成

一、项目简介

Vue表单设计器，开源

二、实现功能

  • 支持文本（单行文本、多行文本）

  • 支持时间选择器

  • 支持单选和多选

  • 支持下拉选择框

  • 支持单行文本、支持多行文本

  • 支持格栅布局，支持滑块

  • 支持图片、支持自定义区域

  • 支持级联选择器

  • 支持颜色选择器

  • 支持编辑器

  • 可以生成json文件

  • 可以生成html代码

  • 可以吧json文件直接导进来，生成界面和html、vue等

三、技术选型

  • vue

  • elementUI

四、界面展示

五、源码地址

回复：表单

程序员小美
关注
专栏目录
表单设计器 开源程序
07-21
表单设计器 开源程序，可以实现拖拽效果！winform程序
vue_form_design:基于Vue3.0的表单设计器
03-16
【Vue3.0表单设计器基础介绍】 Vue3.0是Vue.js框架的最新版本，它带来了许多性能优化和新特性，旨在提升开发效率和应用性能。Vue Form Design是一款基于Vue3.0的表单设计器，它允许开发者通过拖拽方式快速构建动态...
开源表单设计器vue-form-design自动化校验实现原理
weixin_43768107的博客
03-20 3111
表单校验可以改善用户体验和减轻服务器的压力, 而动态配置表单校验能极大的提高动态表单的扩展性、灵活性, 满足多样性、差异化需求
一个基于 vue 的强大表单和高性能表格组件，简洁API设计，支持虚拟树,列拖拽,懒加载,快捷菜单（附源码）
最新发布
m0_68103752的博客
08-08 616
作为一个功能丰富、性能优异的Vue表格组件，为开发者提供了一个现代化的解决方案。它不仅简化了表格和表单的开发工作，还通过提供高级功能，提升了用户体验。
推荐开源项目：Vue-Form-Design - 简约而强大的表单设计库
gitblog_00010的博客
03-28 848
推荐开源项目：Vue-Form-Design - 简约而强大的表单设计库 项目地址:https://gitcode.com/haixin-fang/vue-form-design Vue-Form-Design 是一个基于 Vue.js 的组件库，专为构建动态、复杂的表单设计提供解决方案。它的设计理念是让开发者可以通过简单的配置，轻松实现复杂表单的构建和数据管理。 技术分析 Vue-Form-De...
让表单设计更简单，一个全开源的表单设计神器
2401_85161170的博客
05-21 1614
强大的动态表单生成器，通过数据驱动表单渲染，支持可视化设计。提高开发者对表单的开发效率。目前在OA系统、ERP系统、电商系统、流程管理等系统中已稳定应用。
一款基于Vue3.0的低代码可视化表单设计器工具，轻松搞定表单
2401_85161170的博客
05-20 3190
基于Vue的低代码可视化表单设计器工具，通过数据驱动表单渲染 用户可以通过可视化界面快速高效地创建表单，提高开发者对表单的开发效率，节省开发者的时间
基于Vue的可视化表单设计器vue-form-making设计源码
04-08
vue-form-making表单设计器 - 基于Vue开发，包含438个文件，如JS、VUE、MD、CSS、HTML、WOFF、TTF、EOT、SVG和SCSS等。该设计器提供了一个可视化表单设计功能，通过Vue、JavaScript等技术实现，旨在简化表单开发流程...
一款高效的Vue 3低代码表单、工作流表单，包含表单设计器和表单渲染器，可视化设计，一键生成源码
04-19
这款解决方案的核心是它的表单设计器和表单渲染器，两者协同工作，使得开发者无需编写大量代码即可创建出复杂且功能丰富的用户界面。下面我们将深入探讨这个工具的各个方面。 首先，Vue 3作为框架的基础，提供了...
基于 vue 和 element-ui 实现的可视化表单设计器
04-19
基于Vue的可视化表单设计器，让表单开发简单而高效；高级版本目前已支持 Vue3。MakingForm 表单设计器（基于可视化操作快速设计出表单页面）。GenerateForm 表单生成器（根据设计器中获取的配置 json 数据，快速渲染...
vue-ele-form-generator可视化表单设计工具 v3.1.0
08-14
为您提供vue-ele-form-generator可视化表单设计工具下载，vue-ele-form-generator是专为vue-ele-form开发的可视化表单设计工具，并且支持vscode 插件、cli 本地启动、在线设计多种方式，让表单开发的效率更上一层楼！vue-ele-form-generator特性：1、提供vscode 插件更贴近日常开发2、可视化配置页面3、提供 vue-ele-form 全部基础组件 和 全部扩展组件4、支持组件属性点选配置5、支持本
表单设计器源码
06-02
c#写的表单设计器源码，可以动态拖动控件组成表单界面，并且可以设置控件属性，类似Visual Studio 的编译器
表单设计器源码 此款表单设计器
08-03
此款表单设计器实现了自 表单设计器源码 此款表单设计器实现了自定义表单，并创建数据表及保存数据的功能，能移植以WEB上使用，但在WEB上无法实现数据的动态保存， 是以上传来大家帮忙看看，能否实现WEB表单设计器！ 定义表单，并创建数据表及保存数据的功能，能移植以WEB上使用，但在WEB上无法实现数据的动态保存，是以上传来大家帮忙看看，能否实现WEB表单设计器！
超赞可视化表单设计器源码
11-18
非常棒的表单设计器源码，用户可以根据自己需要进行自定义控件的二次开发。文档中有官网地址，官网提供demo和二次开发说明。适合做OA流程的表单设计、电子病历表单设计等
vue 流程设计器.zip
09-11
vue 流程设计器,基于VUE+ElementUI+JsPlumb的流程设计器
表单Form设计器
07-25
表单Form设计器
[开源]基于Vue的拖拽式数据报表设计器，为简化开发提高效率而生
欧菲丽的博客
10-07 2602
使用技术：SpringBoot + SpringSecurity + Mysql + MyBatis-Plus + Redis + Vue + ElementUI。├── option.js 组件可配置项配置。├── registerCpt.js 自定义组件配置。├── components 组件目录。├── sql 数据库脚本。使用GPL-2.0开源协议。
Vueform 现已开源 | Vueform | Vue 的开源表单框架
bf's blog
11-07 462
2023 年 10 月 20 日截至今天，，并可在 MIT 许可下在 GitHub 上使用，包括其所有元素和功能。最近几周，我们与来自世界各地的才华横溢的开发人员进行了多次对话。因此，我们决定让尽可能广泛的受众可以使用 Vueform，并公开邀请所有人参与。这是长篇小说：我一直相信，生活中最大的奢侈就是可以自由地花时间做自己最喜欢的事情。我认为自己很幸运，很早就发现了自己对编码的热情。它带我经历了开发者旅程的各个阶段——从雇员到自由职业者、创办初创公司、经营代理机构等等。
什么是开源表单设计器？
Gzlcxxjs的博客
09-16 439
今天，我们就一起来看看什么是开源表单设计器？又有什么突出优势和特点？
vue antd 表单设计器
09-23
Vue Antd 表单设计器是一个基于 Vue.js 和 Ant Design 的开源项目，用于快速生成高质量、可定制的表单。它提供了丰富的表单组件和布局选项，可以帮助开发者轻松地创建各种类型的表单。 通过使用 Vue Antd 表单设计器，开发者可以快速创建表单，无需手动编写大量的 HTML 和 CSS 代码。它提供了可视化的界面，让开发者可以直观地拖拽和放置组件，设置各种属性，调整表单布局等。这种可视化的设计方式，大大提高了开发效率，减少了出错的可能性。 另外，Vue Antd 表单设计器还提供了丰富的选项和配置，开发者可以根据具体需求来定制表单的样式和行为。通过简单的配置，开发者可以实现表单字段的联动、校验规则的设置、自定义表单校验等功能。它还支持表单数据的双向绑定，使得表单与组件中的数据保持同步，方便开发者处理表单数据的提交和获取。 总的来说，Vue Antd 表单设计器是一个功能强大、易于使用的工具，可以帮助开发者快速构建表单界面，提高开发效率。无论是简单的表单还是复杂的表单，它都能满足开发者的需求，并且具有很高的扩展性和可定制性。如果你正在开发一个需要表单的项目，不妨考虑使用 Vue Antd 表单设计器来简化开发流程。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员小美

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值