推荐一个基于 Vue 的低代码平台


发现了一个开源的低代码平台项目,用户仅仅通过简单的拖拉拽就能生成一个页面。交互方式类似于创客贴、Processon平台。
这个项目基于 Vue.js 技术栈,先来看这个开源项目有什么功能,平台主页面分为四个部分,分别是工具栏、组件列表、划不、属性区域:



用户可以将组件列表的组件拖到画布,对画布上的元素进行编辑。这仅仅是一个 Demo,其余更丰富的组件可以二次开发。
现在支持的功能主要有:
编辑器
自定义组件
拖拽
删除组件、调整图层层级
放大缩小
撤消、重做
组件属性设置
吸附
预览、保存代码
绑定事件
绑定动画
导入 PSD
手机模式
拖拽旋转
复制粘贴剪切
数据交互
发布
多个组件的组合和拆分
文本组件
矩形组件
锁定组件
快捷键
网格线
除此之外,作者还提供了三个技术文档详细的记录了该项目很多技术细节。关于旋转、角度计算等等一些细节,都有详细的介绍。

地址:https://github.com/woai3c/visual-drag-demo
推荐阅读
1. GitHub 上有什么好玩的项目?
2. 一个 GitHub 项目搞定微信登录
3. 基于 Spring Boot 的百度云高仿项目
4. 盘点百度 4 个牛逼哄哄的开源项目
到顶部