Vue表单设计器

最新推荐文章于 2024-04-23 13:45:00 发布
最新推荐文章于 2024-04-23 13:45:00 发布
阅读量783 收藏 2
点赞数
分类专栏： 源码分享 博客 图形化 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MMKJSH/article/details/127623059
版权
源码分享 同时被 3 个专栏收录
291 篇文章 59 订阅
订阅专栏
图形化
164 篇文章 10 订阅
订阅专栏
博客
80 篇文章 2 订阅
订阅专栏

一、项目简介

Vue表单设计器

二、实现功能

表单设计器

表单设计json

表单服务页面

vue源码互动逻辑

数据库表结构创建

mybatis增删改查

三、技术选型

vue

四、界面展示

快捷方式控件库，主题设置并手机PC端预览

查看收录的数据，导出修改等等

流程图

流程表单模板设计

流程发起界面

最终预览效果

五、源码地址

回复：地图库

程序员小美
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
基于vue的 表单设计器（拖拽生成表单）
m0_54854317的博客
03-02 2万+
日常开发时想要快速构建节省时间或者功能需求需要拖拽生成表单，推荐使用以下表单设计器。 1.基于vue+elementui 的表单设计及代码生成器 Form Generator Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。 码云仓库：form-generator: Element UI表单设计及代码生成器 演示地址：form-generator 安装依赖： npm install JS
vue_form_design:基于Vue3.0的表单设计器
03-16
vue_form_design:基于Vue3.0的表单设计器
HTML+CSS样式表快速生成器
04-04
HTML+CSS样式表快速生成器
多款顶级好用的 Vue 表单设计器测评推荐，可拖拽生成表单
热门推荐
蒋川@卡拉云
05-23 1万+
Vue 前端开发中，表单组件是排在前三的高频使用的组件，如何快速构建表单，节省力气，避免重复造轮子呢，选择一款适合自己的前端表单设计器就非常重要了。本文介绍 4 款顶级好用的 Vue 表单设计器，其中最后一款卡拉云，是新一代低代码开发工具，不仅能自动生成各类表单，还可以拖拽生成其他常见的前端组件，一行代码连接前后端数据，可快速接入数据库/api。它是表单设计器的超集，可直接生成属于你的后台管理工具，无敌好用。
一款VUE低代码设计器，用于设计和生成 Vue.js表单的软件工具【文末带私活源码】
最新发布
m0_68103666的博客
04-23 828
这是一个用于设计和生成 Vue.js表单的软件工具。它的特点包括：可视化表单设计、自动生成代码、导出JSON表单、内置表单验证、详细的官方文档、扩展组 件支持
动态页面调研及设计方案
知之为知之，不知为不知
11-20 651
预览：https://mrhj.gitee.io/form-generator/#/预览：https://jjxliu306.github.io/ng-form-element/dist/index.html文档：https://www.kancloud.cn/jjxliu306/ng-form/3191385https://vform666.com/预览：http://120.92.142.115/文档：https://www.yuque.com/visualdev/vform/预览：https://ww
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、支持本
vueeleformgenerator是专为vueeleform开发的可视化表单设计工具
08-10
vue-ele-form-generator是专为vue-ele-form开发的可视化表单设计工具, 让表单开发的效率更上一层楼
vue自定义表单设计器思路
acheng
03-14 3647
在Vue中，可以使用自定义组件实现表单设计器。自定义组件允许我们在Vue应用程序中创建可复用的组件。这些组件可以在多个Vue组件中使用，使我们能够将应用程序拆分成可维护的部分。为了实现表单设计器，我们将创建两个Vue组件：FormBuilder和FormRenderer。现在，我们已经了解了自定义表单设计器所需的两个Vue组件的功能。让我们开始实现它们。我们将使用Vue CLI创建一个新的Vue项目。在项目中，我们将创建两个Vue组件：FormBuilder和FormRenderer。
一个强大的Vue表单设计器.zip
04-03
一个强大的Vue表单设计器.zip
k-form-design:基于vue Ant-Design 的表单设计器，快速开发
05-10
表单设计器 k-form-design 简介 设计器布局参考form-generator项目，基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更简单更快速 注：该项目不兼容vue3.0项目，暂无后续兼容vue3.0的计划 特性 可视化配置页面 提供栅格、表格等布局 布局嵌套使用 提供预览、保存、生成json、生成可执行代码等操作 支持表单验证 快速获取表单数据 自定义组件插入 自定义主题色 组件 KFormDesign 表单设计器（基于可视化操作快速设计出表单页面，生成配置json或页面） KFormBuild 表单构建器（根据设计器中获取的配置json数据，快速构建出表单页面） 安装 # 使用yarn yarn add k-form-design
vue-form-create:基于Vue3.0的表单设计器
04-17
vue-form-create 基于 Vue3.0 + TS 的自定义表单生成器。支持 npm 与 cdn 引入的方式。UI 库支持 ant-design-vue 与 element-plus。 支持功能 远端数据获取 图片上传 富文本编辑器 栅格布局 生成 JSON 生成代码 演示地址（github） 演示地址（gitee） github npm 1 安装 使用 npm 或 yarn 安装 我们推荐使用 npm 或 yarn 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。 $ npm install vue-form-create --save $ yarn add vue-form-create 浏览器引入 在浏览器中使用 script 标签直接引入文件，并使用全局变量 formCreate。 我们在 npm 发布包内
vueelementuiexcel报表设计器插件
08-10
此插件 使用vue 基于element-ui，样式使用less语法，使用前应确保相关依赖已安装
VueDesignSystem一个用Vuejs构建UI设计系统的开源工具
08-07
Vue Design System 一个用Vue.js构建UI设计系统的开源工具
基于Vue的可视化表单设计器，让表单开发简单而高效.zip
05-10
基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效 基于Vue的可视化表单设计器，让表单开发简单而高效
[FormMaking]Vue表单设计器动态生成还原表单项目编译包可直接引入Vue项目中启动（Vue3)
05-16
基于 Vue 的可视化表单设计器，赋能企业实现低代码开发模式；帮助开发者从传统枯燥的表单代码中解放出来，更多关注业务，快速提高效率，节省研发成本。 目前已经在OA系统、考试系统、报表系统、流程管理等众多项目中...
[FormMaking]Vue表单设计器动态生成还原表单项目编译包可直接引入Vue项目中启动（Vue2）
05-16
基于 Vue 的可视化表单设计器，赋能企业实现低代码开发模式；帮助开发者从传统枯燥的表单代码中解放出来，更多关注业务，快速提高效率，节省研发成本。 目前已经在OA系统、考试系统、报表系统、流程管理等众多项目中...
form表单_基于Vue的表单设计器vue-form-making
weixin_39838362的博客
11-30 1568
vue-form-making基于Vue的可视化在线拖拉表单设计器，让表单开发简单而高效特性可视化配置页面提供栅格布局，并采用flex实现对齐一键预览配置的效果一键生成配置json数据一键生成代码，立即可运行提供自定义组件满足用户自定义需求提供远端数据接口，方便用户需要异步获取数据加载提供功能强大的高级组件支持表单验证快速获取表单数据安装# npm 安装推荐使用 npm 的方式安装，它能更好地和 ...
vue antd 表单设计器
09-23
Vue Antd 表单设计器是一个基于 Vue.js 和 Ant Design 的开源项目，用于快速生成高质量、可定制的表单。它提供了丰富的表单组件和布局选项，可以帮助开发者轻松地创建各种类型的表单。 通过使用 Vue Antd 表单设计...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

程序员小美

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

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

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

打赏作者

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

抵扣说明：

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

余额充值