前世今生 该篇章主要讲述，我从业之后，对于低代码设计的一些经历见识，如果不感兴趣的可以直接跳过这个篇幅。 前端初代(DW) 第一代的网页时代，其实大家都不会陌生于，一个叫做Adobe Dreamwea

最近这几年低代码这个词很火， 那低代码或者无代码技术目前有哪些应用场景呢？其底层的技术是什么样的？其如何与当今大火的 AIGC 结合呢？

最近在学习 ruoyi-flowable-plus 这个项目中表单构建（也叫表单设计、动态表单）模块， 但是发现表单设计中不支持表格布局，于是简单调研了一下表格布局的知识和改造成本

低代码平台的编辑器的实现，非常简约的版本，利于二次改造和学习。主要是分享个人一些思路，希望能给到大家提供一点参考。

之前的文章中介绍了页面设计器的整体原理。那么页面设计器中组件拖动自由布局如何实现？让我们在这篇文章中从概念到代码实现找到答案！

想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。（实现起来并不复杂，该教程只是提…

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

要使得我们的编辑器可以操作，那么最重要的就是要能对组件进行拖拽、拉伸、旋转等等。这部分作者将从零开始实现组件拖拽功能，一点点的去学习和思考其中的实现方案。

1. 背景 公司最近在做能力库，为公司的未来业务赋能，恰好需要一款低代码可视化拖拽平台。所以... 本篇文章将介绍平台的主要功能实现思路，详情请移步gitee，平台在线访问地址：Vue3-Visual-Editor，代码地址：gitee。 2. 长啥样，有啥功能 3. 设计理念…