一个纯前端的拖拽式、可视化、低代码数据可视化开发平台！

推荐关注

责编：猿哥 | 来源：GitHub猿 整理

往期文章：牛逼啊，这个文本编辑器工具，可用于剪视频！

正文

大家好。我是GitHub猿。

我今天，推荐一个系统项目。猿哥第一次使用就有点上头，爱不释手，必须要推荐给大家。

上次是谁要的系统项目啊，猿哥帮你找到了。

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

📚 项目介绍

最近猿哥在逛网站的时候发现一个不错的开源项目，猿哥觉得不错，值得拿出来和大家分享下。

🔥本项目系统是一是一个纯前端的拖拽式、可视化、低代码数据可视化开发平台，你可以用它自由的拼接成各种✨炫酷的大屏，同时支持用户方便的开发自己的组件并接入平台。扩展：接私活

👁️功能演示

🤿 页面编辑

1. 组件添加 

2. 组件操作 

3. 组件数据配置 

🖇️ 接口管理

💒功能

• 🎊 编辑器页面基本功能完成，包括编辑、预览、导入、导出、保存

• 🪄 图层的置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴

• 另外，搜索公众号Linux就该这样学后台回复“猴子”，获取一份惊喜礼包。
  

• 🖼️ 组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐

• 🔮 支持用户操作记录的恢复、撤销功能

• 🧶 支持用户自定义组件

• 📔 支持组件的用户自定组件配置项

• 🏪 支持明暗主题切换

• 🧬 使用Monorepo模式进行组件和依赖管理

• 🧶 组件数据自定义接入

• 🔌 数据动态处理（JS已完成）

• 🖇️ 接口管理(示例数据、静态数据、HTTP接口数据已完成适配)

🎢技术点

本项目采用Vue3 + vite + TypeScript开发，界面库使用NaiveUI，使用面向对象方式封装了路由、请求、存储，组件采用自动扫描注册、异步加载，提升渲染速度；使用IndexDB存储快照数据，减少快照数据内存占用，加快访问速度；组件独立依赖，解耦了组件和基础框架的依赖库，方便后续独立开发组件。

目前仅开发了部分组件，后续还会继续完善。

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

项目源码，怎么领取？

源码获取

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

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

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

--END--

猿哥个人微信

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

→ 技术资料共享

→ 技术交流社群

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

往日文章：

一个基于云存储的网盘系统，用于自建私人网盘或企业网盘！
一款强大的代码生成器让前端和后台代码一键生成，不需要写任何代码！牛逼啊，这款在线答题系统开源了！支持在线考试、在线练习等功能（PC端/移动端）！

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

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