快速高效搭建可视化拖拽平台，含事件机制、弹窗等解决方案！

推荐关注

责编：猿哥 | 来源：程序员小乐 整理

往期文章：一款高颜值开源企业级后台系统

正文

大家好，我是GitHub猿。今天，推荐一个可视化拖拽平台系统项目。猿哥第一次使用就有点上头，爱不释手，必须要推荐给大家。

上次是谁要的可视化拖拽平台系统项目啊，猿哥帮你找到了。

这是我目前见过最好的可视化拖拽平台系统项目。功能完整，代码结构清晰。值得推荐。

📚 项目介绍

最近乐哥在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 1.7K Star，乐哥觉得不错，值得拿出来和大家分享下。

本系统项目是一个快速高效搭建可视化拖拽平台。

是 dooringx 的基座，是移除了 dooringx 插件的可视化拖拽框架。

提供自己的一套数据流事件机制以及弹窗等解决方案，可以让你更快地自己定制开发可视化拖拽平台。扩展：接私活儿

在运行时维护一套数据流，主要分为json数据部分，左侧组件部分，右侧配置项部分，快捷键部分，弹窗部分，事件与函数部分，数据源部分。

其除了提供基础的拖拽、移动、缩放、全选、旋转等功能外，还可以使用暴露的组件。如果觉得组件不够定制化，可以调整样式或者自己重新写。另外，搜索公众号Linux就该这样学后台回复“SaaS”，获取一份惊喜礼包。

二次开发安装 | Installation

npm/yarn install dooringx-lib

项目上手 | Quick Start

# 克隆项目
# 进入项目目录cd dooringx
# 安装依赖yarn install
# 启动 dooringx-libyarn start
# 启动基础示例yarn start:example
# 启动 dooringx doc 文档yarn start:doc

同步代码 | Synchronizing Code

# add upstream
# 抓取源仓库修改 master分支git fetch upstream main
# 切换分支git checkout main
# 合并远程分支git merge upstream/maingo

基础架构和工作机制

文档截图

功能演示

最后，想学习这个项目的可以查看项目地址：

项目源码，怎么领取？

源码获取

扫码下方二维码，后台回复【可视化拖拽】即可获取所有系统

欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个 赞 + 在看 啦！❤️

在 GitHub猿 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！

--END--

猿哥个人微信

添加猿哥个人微信即送一份惊喜大礼包

→ 技术资料共享

→ 技术交流社群

版权申明：内容来源网络，版权归原创者所有。除非无法确认，我们都会标明作者及出处，如有侵权烦请告知，我们会立即删除并表示歉意。谢谢!

往日文章：

牛逼！这个低代码生成器，现在开源了！
花了2小时，搭建了一个项目，值了 ~这是我见过最好的监控系统！
一款神仙儿 JSON 可视化工具神器，绝了！一款神仙儿分布式网盘系统

最近，GitHub猿建了一个「GitHub猿交流群」，欢迎大家一起交流优秀开源项目，也可以宣传自己的开源项目，在 「GitHub猿」公众号后台回复【加群】邀请你入群。

你点的每个赞，我都认真当成了喜欢