在线开发-表单

两步（本文2、3步）完成在线表单设计开发

最近在jeecg-boot看到有块表单设计，感觉挺酷炫的，但苦于没有企业版源码，于是自己去找开源的组件自己构建了一个
本文基于jeecg-boot 开源版构建

1.组件源码地址

https://github.com/GavinZhuLei/vue-form-making

2.引入form-making组件

2.1 确认版本

github最新版本
从npm库再次确认版本


2.2引入组件

注意：必须同时引入element_ui


3.代码

3.1表单设计器（用于设计表单）

MakingForm.vue

3.2表单生成器（用于展示已设计完成的表单）

jsonData来自设计器生成的json,实际应用中可保存在数据库中再获取出来，来展示动态表单
GenerateForm.vue

4.效果

设计器：
生成器：

5.补充

文档地址：
http://docs.form.xiaoyaoji.cn/zh/manual/remote-funcs.html