简介

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多种数据接口适配
  • [ ] 代码生成

开发

开发环境

名称版本
node16.14.x
pnpm7.9.3
vue3.2.20

目前仅在Chrome和Microsoft Edge最新版浏览器测试过，其余浏览器未测试

启动我的项目

# 装置依赖pnpm install -r# 运行我的项目pnpm dev# 打包我的项目pnpm build

☎️联系方式

技术交换，请加群

更新动静请关注公众号