vue可视化拖拽生成工具_基于JSON Schema的前端可视化活动编辑器

先看效果，为一个可视化活动编辑器。

演示地址： https:// form.lljj.me/vue-editor .html#/editor
项目地址： https:// github.com/lljj-x/vue-j son-schema-form/

基于 JSON Schema 开箱即用的简单活动可视化编辑器。

背景

在做生成一个可视化店铺装修系统的时候，需要解决配置数据表单的通用性，参阅了一些现用的解决方案，最终通过 JSON Schema 来生成对应的表单和校验规则。

参考资料： https:// github.com/CntChen/cntc hen.github.io/issues/15

JSON Schema 主要运用在如下几点： 基于 JSON Schema 来动态生成数据配置表单和数据校验 结合发布流程同步 JSON Schema 到后端系统做接口数据校验 * 一个活动版块对应一个 JSON Schema 和一份视图 View组件 即可

实现

首先可视化编辑器需要做到板块的管理，这些板块