一飞开源，介绍创意、新奇、有趣、实用的免费开源应用、系统、软件、硬件及技术，一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区，共建开源新生态！

一、开源项目简介

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

二、开源协议

使用Apache-2.0开源协议

三、界面展示

四、功能概述

功能

• 编辑器页面基本功能完成，包括编辑、预览、导入、导出、保存
• 图层的置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴
• ️ 组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐
• 支持用户操作记录的恢复、撤销功能
• 支持用户自定义组件
• 支持组件的用户自定组件配置项
• 支持明暗主题切换
• 使用Monorepo模式进行组件和依赖管理
• 组件数据自定义接入
• 数据动态处理（JS已完成）
• ️ 接口管理(示例数据、静态数据、HTTP接口数据已完成适配)

五、技术选型

技术点

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

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

⌛计划功能

• 组件管理
• 脚本管理（Python待支持）
• GraphQL、GRPC、WebScoket、MQTT、SocketIO多种数据接口适配
• 代码生成
• 动态文档
• 全局数据接入

开发

开发环境

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

启动项目

# 安装依赖
pnpm install
或
pnpm bootstrap

# 运行项目
pnpm dev

# 打包项目
pnpm build

‍代码提交

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

• feat: 新功能
• fix: 修复 Bug
• docs: 文档修改
• perf: 性能优化
• revert: 版本回退
• ci: CICD 集成相关
• test: 添加测试代码
• refactor: 代码重构
• build: 影响项目构建或依赖修改
• style: 不影响程序逻辑的代码修改
• other: 不属于以上类型的其他类型(日常事务)

六、源码地址

访问一飞开源：https://code.exmay.com/