关于vue3:Vue3拖拽式低代码数据可视化平台

34次阅读

共计 971 个字符,预计需要花费 3 分钟才能阅读完成。

简介

🎃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

🚥目前仅在 ChromeMicrosoft Edge最新版浏览器测试过,其余浏览器未测试

🎮启动我的项目

# 装置依赖
pnpm install -r

# 运行我的项目
pnpm dev

# 打包我的项目
pnpm build

☎️联系方式

技术交换,请加群

更新动静请关注公众号

正文完
 0