表单生成器基于（form-create-designer+ant design vue）

最新推荐文章于 2024-05-15 09:31:00 发布
最新推荐文章于 2024-05-15 09:31:00 发布
阅读量695 收藏 12
点赞数 8
文章标签： form-create jeecg-boot vue3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xinzaiz/article/details/135556445
版权

效果展示

在这里插入图片描述

1.源码地址：
前端：https://gitee.com/houshixin/form-design-ui
后端：https://gitee.com/houshixin/form-design-web
2.单独使用前端的时候就把请前后台的接口注释就可以
3.都启动的话：
1）.先导入数据库
在这里插入图片描述
2.表单生成器主要用到俩表
在这里插入图片描述
3.前端主要代码
在这里插入图片描述

Hou°
关注
  • 8
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管.zip
02-25
管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管
form-create 低代码开发
qq_42873640的博客
04-19 1496
form-create低代码开发
推荐一款高效表单设计器：form-create-designer
最新发布
gitblog_00078的博客
05-15 475
推荐一款高效表单设计器：form-create-designer 项目地址:https://gitcode.com/xaboy/form-create-designer 在前端开发中，表单设计往往是一项既重要又耗时的任务。现在，让我们一起探索@form-create/designer——一个基于Vue.js和Element UI实现的拖拽式表单设计器，它将为你带来全新的开发体验。 项目介绍 for...
FormDesigner基于AntDesign和jQueryUI的表单设计器
08-10
Form Designer 基于Ant Design 和 jQuery UI 的表单设计器
activiti表单设计器_可拖拽布局的表单设计器新版发布，支持 Ant Design Vue
weixin_39856269的博客
11-25 1929
基于 Vue, ElementUI 开发的一款表单设计器，目前开源版本在 Github 获得星标 2.4k，在2020年开工之际，我们加入了对 Ant Design Vue 的支持，让使用Ant Design Vue 的项目也能够快速进行表单的开发，废话不多说，接下来我们来看看如何快速开发 Ant Design Vue 表单。主界面预览界面 设计表单在 表单设计官网平台 上设计好表单，在表单属性 ...
vue 中使用form-create 动态创建表单
weixin_38673922的博客
01-21 2774
form-create 和UI框架配合使用，目前支持3个常用的UI：ElementUI、Iview、Ant-design-vue 以ant-design-vue为例 form-create官网地址 form-create表单生成器说明文档 一、ant-design-vue 和form-create的安装 cnpm install ant-design-vue --save cnpm i @form-create/ant-design-vue 二、在项目根目录src目录下的 main.js文件 中配置a
【开源】前端拖拽表单设计器 自定义表单
我是Superman丶的博客
06-09 6883
form-generator: Element UI表单设计及代码生成器 (gitee.com) https://gitee.com/mrhj/form-generator
form-create-designer
weixin_43878117的博客
08-04 5069
1、简介 form-create-designer 是基于 @form-create/element-ui实现的表单设计器组件。可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率，节省开发者的时间。 2、文档地址：http://designer.form-create.com/guide 3、核心功能 内置22个常用的表单组件和布局组件 通过 JSON 生成表单 双向数据绑定 方便扩展 事件扩展，事件注入 数据验证 栅格布局 内置组件 4、安装 yarn add @form-create/
vue-form-create:基于Vue3.0的表单设计器
04-17
vue-form-create基于 Vue3.0 + TS 的自定义表单生成器。支持 npm 与 cdn 引入的方式。UI 库支持 ant-design-vue 与 element-plus。支持功能远端数据获取图片上传富文本编辑器栅格布局生成 JSON生成代码演示地址...
vue中使用form-create实现动态表单
weixin_44111864的博客
11-12 4474
文章目录前言一、form-create是什么？二、使用步骤1.引入库2.组件中使用3.页面效果三、总结 前言 项目中需要实现动态生成表单，经过调研，决定使用form-create插件来实现，非常简单，带大家了解一下 一、form-create是什么？ form-create是一个通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持element-ui、iview、ant-design3个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以
应用开发平台集成表单设计器系列之3——整体集成思路及表单设计器功能深度了解
学海无涯，行者无疆
11-20 1351
平台需要实现自定义表单功能，作为低代码开发的一部分，通过技术预研和技术选型，选择form-create和form-create-designer这两个组件进行集成作为实现方案。通过深入了解和技术验证，确认了组件的功能能满足需求，具备良好的开放性和扩展性。 接下来，重点来说说整体设计。实际有个核心的问题需要先考虑清楚，即现有的开发平台低代码配置功能与表单设计器，二者的关系是什么样。思考后总结，主要有三种模式： 1.相互独立，分别用于不同的场景； 2.协作关系，现有配置功能进行初步配置，表单设计器在其基础上再进
【ant-design】生态介绍和表单设计器 汇总
kinghzking的专栏
12-15 3289
基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更简单更快速。FormRender 是阿里旗下的飞猪 app 的表单生成方案，从 2017 年在内部开始使用到 2019 年正式对外开源，FormRender 经历了多个阿里大项目的迭代和升级，细节已经相当全面。v-form-antd是使用伪vue3开发的低代码可视化表格设计器，支持自定义组件、表单联动等高级功能。
form-create-desniger 自定义拖拽表单
Hizzyellow的博客
12-04 2824
这样页面就会有置顶图片效果 自定义 第二步就是在我们的vue文件里面引用该js 添加到左侧指定的菜单内,官方给了三个指定的菜单,,我们这里添加到layout记得要写自定义规则(addComponent) 4. 自定义组件添加到左侧的自定义菜单记得写addComponent
form-create和form-create-designer创建自定义组件
FinelyYang的专栏
05-26 2273
在项目中，我需要使用表单设计器form-create-designer设计带有选择用户的弹窗组件，而设计器内置的组件不能满足需求，因此要创建自定义组件。app.component('selectUser', SelectUser) 注册组件。name = 'selectUser'，name的值为注册的组件名称。1.开发选择用户的组件 SelectUser.vue。3.form-create-designer创建自定义组件。全局注册：在main.ts中引入自定义组件，（1）定义组件的拖拽规则。
基于vue的前端UI表单设计器
甜心的专栏
02-21 5519
在开发中，经常要做的就是各类表单的设计，如果不采用一些表单设计器，手写的话要很久，今天分享几个表单设计器。
动态表单设计器推荐
梧桐芊羽的博客
01-02 1040
表单设计器：根据需求定制，拖拽生成表单。以下是网站上查找到一些相关案例及demo，有兴趣可以访问看看，若有其他类似功能表单，也希望大家可以在评论区推荐下。代码：https://gitee.com/jjxliu306/ng-form-element。演示：https://jjxliu306.gitee.io/ng-form-element/Vue-form-making的vue3版本。
Vue 使用form-create-designer插件搭建表单构建器
weixin_38673922的博客
01-26 1989
一、下载 cnpm install @form-create/designer --save cnpm install @form-create/element-ui --save 二、引入main.js import formCreate1 from "@form-create/element-ui" import FcDesigner from '@form-create/designer' Vue.use(formCreate1) Vue.use(FcDesigner) 三、.vue文
应用开发平台集成表单设计器系列之4——表单构造器深度了解
学海无涯，行者无疆
03-18 1102
平台需要实现自定义表单功能，作为低代码开发的一部分，通过技术预研和技术选型，选择form-create和form-create-designer这两个组件进行集成作为实现方案。通过深入了解和技术验证，确认了组件的功能能满足需求，具备良好的开放性和扩展性。 上篇介绍了整体集成思路以及表单设计器的深入了解，接下来则是对表单构造器的深度了解。
@form-create/ant-design-vue是干嘛用的
06-12
`@form-create/ant-design-vue` 是一个基于 `Ant Design Vue` 组件库的表单生成器，可以帮助开发者快速构建复杂的表单页面。通过提供简单的配置项和模板语法，开发者可以轻松地定义表单项，以及实现表单项之间的联动...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值