Vue3拖拽式可视化低代码数据可视化平台
简介
🎃OpenDataV 是一个纯前端的拖拽式、可视化、低代码数据可视化🌈开发平台，你可以用它自由的拼接成各种✨炫酷的大屏，同时支持用户方便的开发自己的组件并接入平台。
体验
🧙国外：http://datav.byteportrait.com/
🧙国内：http://small_bud_star.gitee.io/datav
源码地址：
🍨github:https://github.com/AnsGoo/openDataV
🍨gitee:https://gitee.com/small_bud_star/DataV
gitee 仅做代码同步，issues或者RP请在github提交。
目前该项目在不断的完善中，🎉欢迎issuer,🌹欢迎start, 🎨欢迎commit, 🚀欢迎use...，💪欢迎一切技术交流活动
👁️预览
🎛️ 布局页
🤿 编辑页
💒功能
🎊 编辑器页面基本功能完成，包括编辑、预览、导入、导出、保存 🪄 图层的置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴 🖼️ 组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐 🔮 支持用户操作记录的恢复、撤销功能 🧶 支持用户自定义组件 📔 支持组件的用户自定组件配置项 🏪 支持明暗主题切换 🧬 使用Monorepo模式进行组件和依赖管理
🎢技术点
本项目采用Vue3 + vite + TypeScript开发，界面库使用NaiveUI，使用面向对象方式封装了路由、请求、存储，组件采用自动扫描注册、异步加载，提升渲染速度；使用IndexDB存储快照数据，减少快照数据内存占用，加快访问速度；组件独立依赖，解耦了组件和基础框架的依赖库，方便后续独立开发组件。
目前仅开发了部分组件，后续还会继续完善。
⌛计划功能
[ ] 组件动态、静态数据加载 [ ] 数据动态处理（JS、Python） [ ] 项目发布 [ ] 接口管理 [ ] 算法管理 [ ] HTTP、 WebScoket、MQTT、SocketIO多种数据接口适配 [ ] 代码生成
💂开发
🧊开发环境
| 名称 | 版本 |
|---|---|
| node | 16.14.x |
| pnpm | 7.9.3 |
| vue | 3.2.20 |
🚥目前仅在Chrome和Microsoft Edge最新版浏览器测试过，其他浏览器未测试
🎮启动项目
# 安装依赖
pnpm install -r
# 运行项目
pnpm dev
# 打包项目
pnpm build
☎️联系方式
技术交流，请加群
更新动态请关注公众号
本文作者：星星在线
本文链接：https://www.cnblogs.com/small-bud/p/16663311.html
版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了