类似阿里系的DataV、华为系的DLV、腾讯系的RayData。data-visual能保证自身足够的简单和易用、利于开发可视化项目基础应用搭建。

现在有很多优秀的拖拽布局工具，表单设计器，layui拖拽布局, Vue-Layout。 我们最近也实现了类似的功能，废话不多说，先把预览贴出来（不知道为什么掘金现在图片不支持gif了，还要自己上传到图床）。 在实现这个的功能的过程中，也走了一点弯路，我们内部1.0版本的时候，使…

阅读本文🦀 1.您将了解到如何让echart做到响应式 2.您将到如何编写复杂的拖拽组件 3.和我一起实现可拖拽组件的增删改查、可编辑、可以拖拽、可排序、可持久化 4.和我一起实现可拖拽组件的删除抖动

该项目基于react-grid-layout和antd的栅格布局实现。可能不适用所有项目， 但是思路也可以参考。 通过可视化拖拽区块， 组合区块生成自定义布局代码， 可直接引入有antd的项目中使用。 要想生成任意布局， 栅格布局是最合适的。 这里不考虑特殊情况下的不规则布局。…

1、安装 2、使用 关键点： 使用<draggable>标签 属性 v-model="List"这个List为一个数组，一般与实际数据对应。排序、拖拽实际上都是改变这个List的值或顺序。 属性 it

整个可视化搭建系统分为三部分，分别是配置页(setting),视图页(view) 和 json schema。配置页生成 json schema，视图页消费 json schema 可创建的页面类型有：列表、详情、表单。详情和表单页的设计思路差别不大，列表页与另外两种页面差别比…

前言 大家好，我是多肉攻城狮。我们在上一篇文章中走进了低代码的世界，这一章节让我们一起来探索一下页面设计器的实现！！

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

前言 先说说我为什么要做这么一个东西吧。最大原因就是自己太懒了，其次就是，后台管理这个东西，来来去去就是那么几个东西，查询，Form表单，Table表格，弹窗之类的一些东西，加上一个增删改查的一些逻辑