k-form-design是一个基于vue Ant-Design 的表单设计器。设计器布局参考form-generator项目，基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更简单更快速。
特性
可视化配置页面
提供栅格、表格等布局
布局嵌套使用
提供预览、保存、生成json、生成可执行代码等操作
支持表单验证
快速获取表单数据
自定义组件插入
自定义主题色
组件
KFormDesign 表单设计器(基于可视化操作快速设计出表单页面，生成配置json或页面)
KFormBuild 表单构建器(根据设计器中获取的配置json数据，快速构建出表单页面)
安装
安装表单设计器
npm i k-form-design --save
# OR
yarn add k-form-design
安装 ant-design-vue UI ，推荐 vue2 版本最新的 1.7.8版本
npm i ant-design-vue@1.7.8 --save
# OR
yarn add ant-design-vue@1.7.8
引入组件
// 在main.js引入
// 注：useComponents 需放最上面，优先注册懒加载组件
import 'k-form-design/packages/core/useComponents'
import KFormDesign from 'k-form-design/packages/use.js'
import 'k-form-design/lib/k-form-design.css'Vue.use(KFormDesign)
使用组件
<template>
<div>
<k-form-design />
</div>
</template>
- 搜题侠
- 干词
- 宝宝过新年
- 粉笔考研
- 家炫-DIY房屋设计
- 日语学习
- 宝宝巴士奇妙屋
- 练字大师
- 小站托福
- 华图教师
- 包学习
- 中级经济基础总题库
- 放射医学技术士总题库
- 驾培学堂
- U校园
- 车队管家
- 1919掌上门店
- 研友
- 课本点读通
- 奇妙好习惯
- 掌门1对1辅导
- 豌豆围棋
- 木材材积计算器
- 小黑课堂
- 宝宝捉迷藏
- 巴士驾驶员
- 火柴人滑板对决
- 黑鹰传奇
- 水浒STYLE
- 城市富豪
- 三洞高尔夫
- 胧村正妖刀传
- 小动物拼图
- 卡车模拟:越野2
- 燃烧吧蜘蛛
- 皇帝那些事儿/经典读库
- 藏北羌塘高寒草地研究样带常见植物图谱(精)
- 景观植物100种
- 中国古代史学史/仓修良文集
- 害鼠不育控制的建模与研究/生物数学丛书
- 怎样开一家花店(花店经营手册)
- 问道策划(快消品营销策划实战法则)
- 国家之谜解答的开启之作(黑格尔法哲学批判新读)/马恩经典著作新读/大家写小书
- 环保与可持续贴标/标签与贴标技术丛书
- 给忙碌者的7天心理学课
- 恶作剧之吻
- 敌后武工队
- 家有儿女
- 福贵
- 坚强的野花
- 铁道游击队
- 格斗天王
- 真命天女
- 阳光雨季
- 浪淘沙