基于vue Ant-Design 的表单设计器,快速开发
基于vue Ant-Design 的表单设计器,快速开发https://gitee.com/kcz66/k-form-design/
表单设计器 k-form-design
简介
参考项目vue-form-making,基于vue和ant-design-vue实现的表单设计器,样式使用less作为开发语言,主要功能是能通过简单操作来生成配置表单,生成可保存的JSON数据,并能将JSON还原成表单,使表单开发更简单更快速
- github
- 码云
- 项目预览
- 项目文档 Github Pages
- 项目文档 Gitee Pages 较快
特性
- 可视化配置页面
- 提供栅格、表格等布局
- 布局嵌套使用
- 提供预览、保存、生成json、生成可执行代码等操作
- 支持表单验证
- 快速获取表单数据
- 自定义组件插入
- 自定义主题色
组件
- KFormDesign 表单设计器(基于可视化操作快速设计出表单页面,生成配置json或页面)
- KFormBuild 表单构建器(根据设计器中获取的配置json数据,快速构建出表单页面)
安装
# 使用yarn
yarn add k-form-design# 使用npm
npm i k-form-design --save
引入组件
// 在main.js引入import KFormDesign from 'k-form-design'
import 'k-form-design/lib/k-form-design.css'
Vue.use(KFormDesign)
使用组件
<template><div><k-form-design /></div>
</template>
http://www.taodudu.cc/news/show-3829668.html
相关文章:
- 基于VUE的ElementUi可视化表单设计器布局器
- Java整合activiti工作流,前端适配vue,流程在线绘制设计器,适配在线表单引擎
- 通过表单设计器动态生成数据库表以及动态查询的功能实现
- 开源推荐:国内3大主流前端UI表单设计器,千万不要让领导知道
- java动态表单设计解析
- ruoyi vue表单设计器
- Java实现动态表单
- 淘宝开放平台php-sdk测试
- 淘宝开放平台接口对接(获取sdk,appkey)
- 成功加盟淘宝开放平台
- 我有一瓢酒,可以慰风尘。—第九天
- 我有一壶酒,足以慰风尘 -20191231
- 风尘四侠的悲壮生涯
- 像风尘女一样陪酒:女生报社第一天
- [原创]中国大陆民谣盘点3 老狼《恋恋风尘》
- 再給我三个月 - 烟雨风尘
- 风尘三侠
- 淡看风尘
- 感怀风尘
- 回文串uva401(清简出风尘)
- 风尘中,忘了捡拾那日女子留下的胭脂
- 风尘中的奇女子
- 风尘女子
- 物联网-项目复盘(谨以此文,聊以慰风尘)
- 一半风尘,一半雅致
- 恋恋风尘
- 一路风尘
- 漫眼风尘
- java 之产生死锁的必要条件
- 导数存在的充分必要条件是左导数和右导数都存在,且相等
基于vue Ant-Design 的表单设计器,快速开发相关推荐
- 基于VUE的ElementUi可视化表单设计器布局器
码农苦码农懂的个人空间 工作日志 正文 基于VUE的ElementUi可视化表单设计器布局器 顶 原 码农苦码农懂 发布于 09/11 15:35 字数 1187 阅读 41 收藏 0 点赞 1 评论 ...
- Vue+Element-UI 使用 Vform 表单设计器
1.表单设计器基础字段建议 //主键id Int id (guid id) //表单数据 String FormJson //表单名称 String FormName //表单描述 String F ...
- vue集成Variant Form表单设计器
1.安装 npm install vform-builds 2.引入并全局注册VForm组件 import Vue from 'vue' import App from './App.vue'impo ...
- ecology关于流程表单设计器自定义开发及常见场景方案分享
一.表单设计器模板如何自定义开发 表单设计器可设置自定义属性以及插入代码块,二者相辅结合.灵活运用,可实现多样化客户需求 自定义属性分为:行自定义属性(绑定在table布局tr行标签上).单元格自定义 ...
- vue自定义表单设计器思路
Vue是一种流行的JavaScript框架,用于构建Web应用程序.Vue的灵活性使得它成为一种非常适合创建自定义表单设计器的框架.本文将介绍如何使用Vue实现一个自定义表单设计器,并最终实现单据自定 ...
- js html表单设计器,可视化表单设计器拖拽生成表单(原创)
插件描述:可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间. 更新时间:2021-04-11 21:56:01 form-create-designer form-crea ...
- 基于Ant Design和jQuery UI的表单设计器
基于Ant Design 和jQuery UI 的表单设计器 GitHub 地址 概念 Comonent 组件 Layout 布局,一种特殊的Component Component Editor 组件 ...
- activiti表单设计器_基于Vue,ElementUI开发的一款表单设计器
介绍 基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来 工具地址: http://tools.xiaoyaoji.cn/form Gi ...
- 基于Vue,ElementUI开发的一款表单设计器
介绍 基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来 工具地址:http://form.making.link GitHub地址:h ...
最新文章
- 下载 golang.org/x 包出错不用代理的解决办法
- 数字电路数据选择器及其应用实验报告_科普|说说大数据是什么,及其特点与应用...
- python之collections之有序字典(OrderedDict)
- mybatis postgresql insert后返回自增id
- 马踏棋盘算法(骑士周游问题)
- 界面设计--北京创享数码的设计案例(很不错的看看吧)
- 深入分析Java ClassLoader原理
- ThinkPHP 使用极光推送给ios推送消息
- 【渝粤教育】广东开放大学 知识产权法 形成性考核 (44)
- 阿里巴巴 CTO 首次分享技术战略
- sonar mysql svn_jenkins+sonarqube+svn/git踩过的坑
- 基于springboot+vue的房屋租赁系统(前后端分离)
- ResNet+ FPN网络结构
- SGX中的X特性、SGX获取元数据
- 爬虫实战 ——百度翻译
- 腾讯掀起史上最大一轮管理干部裁撤:从月入2万+到领4千工资的中年们
- 高晓松自曝常被员工管 钉钉到底是反了老板还是员工?
- 图片拉伸和保持长宽比的问题
- 这些免费的IT自学网站,你用过几个
- 移动通信网认证协议,安全