快速高效搭建可视化拖拽平台,含事件机制、弹窗等解决方案!
The following article is from 程序员小乐 Author 小乐
推荐关注
责编:猿哥 | 来源:程序员小乐 整理
上次是谁要的可视化拖拽平台系统项目啊,猿哥帮你找到了。
📚 项目介绍
最近乐哥在逛网站的时候发现一个不错的开源项目,这个项目目前收获了 1.7K Star,乐哥觉得不错,值得拿出来和大家分享下。
本系统项目是一个快速高效搭建可视化拖拽平台。
是 dooringx 的基座,是移除了 dooringx 插件的可视化拖拽框架。
提供自己的一套数据流事件机制以及弹窗等解决方案,可以让你更快地自己定制开发可视化拖拽平台。扩展:接私活儿
在运行时维护一套数据流,主要分为json数据部分,左侧组件部分,右侧配置项部分,快捷键部分,弹窗部分,事件与函数部分,数据源部分。
其除了提供基础的拖拽、移动、缩放、全选、旋转等功能外,还可以使用暴露的组件。如果觉得组件不够定制化,可以调整样式或者自己重新写。另外,搜索公众号Linux就该这样学后台回复“SaaS”,获取一份惊喜礼包。
二次开发安装 | Installation
npm/yarn install dooringx-lib
项目上手 | Quick Start
# 克隆项目
# 进入项目目录
cd dooringx
# 安装依赖
yarn install
# 启动 dooringx-lib
yarn 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猿 还有更多优质项目系统学习资源,欢迎分享给其他同学吧!
猿哥个人微信
添加猿哥个人微信即送一份惊喜大礼包
→ 技术资料共享
→ 技术交流社群
花了2小时,搭建了一个项目,值了 ~这是我见过最好的监控系统!
一款神仙儿 JSON 可视化工具神器,绝了!一款神仙儿分布式网盘系统
最近,GitHub猿建了一个「GitHub猿交流群」,欢迎大家一起交流优秀开源项目,也可以宣传自己的开源项目,在 「GitHub猿」公众号后台回复【加群】邀请你入群。