Home

Awesome

简介

🎃OpenDataV 是一个纯前端的拖拽式可视化低代码数据可视化🌈开发平台,你可以用它自由的拼接成各种✨炫酷的大屏,同时支持用户方便的开发自己的组件并接入平台。

体验

🧙国外:http://datav.byteportrait.com/

🧙国内:http://small_bud_star.gitee.io/opendatav

🧙国内:http://opendatav.xingxingzaixian.fun/ (已对接后端)

🧙文档: https://ansgoo.github.io/docs/

源码地址:

🍨github: https://github.com/AnsGoo/openDataV

🍨gitee: https://gitee.com/small_bud_star/OpenDataV

🍨后端: https://gitee.com/small_bud_star/open-data-backend

目前该项目在不断的完善中,🎉欢迎 issuer,🌹欢迎 start, 🎨欢迎 commit, 🚀欢迎 use...,💪欢迎一切技术交流活动

👁️预览

🤿 页面编辑

  1. 组件添加 screenshots2.gif

  2. 组件操作 screenshots1.gif

  3. 组件数据配置 screenshots.gif

🖇️ 接口管理

API.png

💒功能

🎢技术点

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

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

⌛计划功能

💂开发

🧊开发环境

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

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

🎮启动项目


# 安装依赖
pnpm install
或
pnpm bootstrap

# 构建核心库

pnpm build:lib

# 运行项目

pnpm dev

# 打包项目
pnpm build

🧑‍💻代码提交

git commit 信息请按照如下规范进行书写

☎️联系方式

技术交流,请加微信群

<img src="./public/wechat.png" style="width:430px">

更新动态请关注公众号

wechat

如果群链接失效请加微信,回复:OpenDataV 拉群