可视化设计器
4篇文章 · 0订阅
  • 可视化拖拽组件库一些技术要点原理分析（二）
    本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点： 友善提醒：建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 14. 拖拽旋转 在写上一篇文章时，原来的 DEMO 已经可以支持旋转功能了。但是这个旋转功能还…
    前端 JavaScript
  • 可视化拖拽组件库一些技术要点原理分析（三）
    虽然我这个可视化拖拽组件库只是一个 DEMO，但对比了一下市面上的一些现成产品（例如 processon、墨刀），就基础功能来说，我这个 DEMO 实现了绝大部分的功能。 如果你对于低代码平台有兴趣，但又不了解的话。强烈建议将我的三篇文章结合项目源码一起阅读，相信对你的收获绝对…
    前端 JavaScript
  • 可视化拖拽组件库一些技术要点原理分析
    建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…
    前端 JavaScript
  • Vue-Layout:可视化布局、自动生成代码工具
    按惯例，先上GIF: demo1 banner Vue-Layout 基于UI组件的Vue可视化布局、生成.vue代码的工具。https://jaweii.github.io/Vue-Layout/dist GitHub | Demo 效果展示 demo2 后台布局图片的例子，你…
    Vue.js
    Vue-Layout:可视化布局、自动生成代码工具