{"id":13533067,"url":"https://github.com/AnsGoo/openDataV","last_synced_at":"2025-04-01T21:31:46.452Z","repository":{"id":40440653,"uuid":"459795802","full_name":"AnsGoo/openDataV","owner":"AnsGoo","description":"OpenDataV 是一个纯前端的拖拽式、可视化、低代码数据可视化🌈开发平台，你可以用它自由的拼接成各种✨炫酷的大屏，同时支持用户方便的开发自己的组件并接入平台。","archived":false,"fork":false,"pushed_at":"2025-01-13T14:52:16.000Z","size":197053,"stargazers_count":1173,"open_issues_count":3,"forks_count":195,"subscribers_count":22,"default_branch":"main","last_synced_at":"2025-03-22T23:02:02.957Z","etag":null,"topics":["bigscreen","datav","draggable","kanban","low-code","low-code-framework","typescript","vue3"],"latest_commit_sha":null,"homepage":"http://datav.byteportrait.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AnsGoo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-02-16T00:23:24.000Z","updated_at":"2025-03-21T02:33:51.000Z","dependencies_parsed_at":"2023-09-24T04:54:24.512Z","dependency_job_id":"a93bfc27-1816-4d1b-a9ff-a45040c5f381","html_url":"https://github.com/AnsGoo/openDataV","commit_stats":{"total_commits":920,"total_committers":10,"mean_commits":92.0,"dds":"0.24782608695652175","last_synced_commit":"2ae5fb234acc4349aa045faca9733a6b00c05969"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnsGoo%2FopenDataV","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnsGoo%2FopenDataV/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnsGoo%2FopenDataV/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnsGoo%2FopenDataV/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnsGoo","download_url":"https://codeload.github.com/AnsGoo/openDataV/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246713203,"owners_count":20821856,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bigscreen","datav","draggable","kanban","low-code","low-code-framework","typescript","vue3"],"created_at":"2024-08-01T07:01:16.264Z","updated_at":"2025-04-01T21:31:41.443Z","avatar_url":"https://github.com/AnsGoo.png","language":"TypeScript","readme":"![](./public/logo.png)\n\n\n![](https://img.shields.io/github/license/AnsGoo/openDataV)\n![](https://img.shields.io/github/stars/AnsGoo/openDataV)\n![](https://img.shields.io/github/issues/AnsGoo/openDataV)\n![](https://img.shields.io/github/forks/AnsGoo/openDataV)\n\n## 简介\n  🎃OpenDataV 是一个纯前端的`拖拽式`、`可视化`、`低代码`数据可视化🌈开发平台，你可以用它自由的拼接成各种✨炫酷的大屏，同时支持用户方便的开发自己的组件并接入平台。\n\n## 体验\n🧙国外：[http://datav.byteportrait.com/](http://datav.byteportrait.com/)\n\n🧙国内：[http://small_bud_star.gitee.io/opendatav](http://small_bud_star.gitee.io/opendatav)\n\n🧙国内：[http://opendatav.xingxingzaixian.fun/](http://opendatav.xingxingzaixian.fun/) (已对接后端)\n\n🧙文档: [https://ansgoo.github.io/docs/](https://ansgoo.github.io/docs/)\n\n\n## 源码地址：\n\n🍨github: [https://github.com/AnsGoo/openDataV](https://github.com/AnsGoo/openDataV)\n\n🍨gitee: [https://gitee.com/small_bud_star/OpenDataV](https://gitee.com/small_bud_star/OpenDataV)\n\n🍨后端: [https://gitee.com/small_bud_star/open-data-backend](https://gitee.com/small_bud_star/open-data-backend)\n\n\n目前该项目在不断的完善中，🎉欢迎 issuer,🌹欢迎 start, 🎨欢迎 commit, 🚀欢迎 use...，💪欢迎一切技术交流活动\n\n## 👁️预览\n\n### 🤿 页面编辑\n\n1. 组件添加\n![screenshots2.gif](https://s2.loli.net/2022/10/31/nApiFm7PogI1dHS.gif)\n\n2. 组件操作\n![screenshots1.gif](https://s2.loli.net/2022/10/31/9lkiR15sVMLapIe.gif)\n\n3. 组件数据配置\n![screenshots.gif](https://s2.loli.net/2022/10/31/28lf6NK35EaY9wJ.gif)\n\n### 🖇️ 接口管理\n\n![API.png](https://s2.loli.net/2022/10/31/f1GuMTIp2rzEPQF.png)\n\n\n## 💒功能\n- 🎊 编辑器页面基本功能完成，包括编辑、预览、导入、导出、保存\n- 🪄 图层的置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴\n- 🖼️ 组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐\n- 🔮 支持用户操作记录的恢复、撤销功能\n- 🧶 支持用户自定义组件\n- 📔 支持组件的用户自定组件配置项\n- 🏪 支持明暗主题切换\n- 🧬 使用Monorepo模式进行组件和依赖管理\n- 🧶 组件数据自定义接入\n- 🔌 数据动态处理（JS已完成）\n- 🖇️ 接口管理(示例数据、静态数据、HTTP接口数据已完成适配)\n\n## 🎢技术点\n本项目采用`Vue3` + `vite` + `TypeScript`开发，界面库使用`NaiveUI`，使用面向对象方式封装了路由、请求、存储，组件采用自动扫描注册、异步加载，提升渲染速度；使用IndexDB存储快照数据，减少快照数据内存占用，加快访问速度；组件独立依赖，解耦了组件和基础框架的依赖库，方便后续独立开发组件。\n\n目前仅开发了部分组件，后续还会继续完善。\n\n## ⌛计划功能\n- [ ] 组件管理\n- [ ] 脚本管理（Python待支持）\n- [ ] GraphQL、GRPC、WebScoket、MQTT、SocketIO多种数据接口适配\n- [ ] 代码生成\n- [ ] 动态文档\n- [ ] 全局数据接入\n\n## 💂开发\n\n### 🧊开发环境\n| 名称 | 版本    |\n| ---- | ------- |\n| node | 16.14.x |\n| pnpm | 7.9.3   |\n| vue  | 3.2.37  |\n\n🚥目前仅在 `Chrome` 和 `Microsoft Edge` 最新版浏览器测试过，其他浏览器未测试\n\n### 🎮启动项目\n\n```Bash\n\n# 安装依赖\npnpm install\n或\npnpm bootstrap\n\n# 构建核心库\n\npnpm build:lib\n\n# 运行项目\n\npnpm dev\n\n# 打包项目\npnpm build\n```\n\n## 🧑‍💻代码提交\n\ngit commit 信息请按照如下规范进行书写\n- feat: 新功能\n- fix: 修复 Bug\n- docs: 文档修改\n- perf: 性能优化\n- revert: 版本回退\n- ci: CICD 集成相关\n- test: 添加测试代码\n- refactor: 代码重构\n- build: 影响项目构建或依赖修改\n- style: 不影响程序逻辑的代码修改\n- other: 不属于以上类型的其他类型(日常事务)\n\n## ☎️联系方式\n\n**技术交流，请加微信群**\n\n\u003cimg src=\"./public/wechat.png\" style=\"width:430px\"\u003e\n\n**更新动态请关注公众号**\n\n![wechat](./screenshot/OfficialAccounts.jpg)\n\n**如果群链接失效请加微信，回复：OpenDataV 拉群**\n\n![](./screenshot/wechat.png)\n","funding_links":[],"categories":["TypeScript","优秀组件","![Open Source Love svg3](https://badges.frapsoft.com/os/v3/open-source.svg?v=103)","List"],"sub_categories":["Other Projects Using NaiveUI"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAnsGoo%2FopenDataV","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAnsGoo%2FopenDataV","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAnsGoo%2FopenDataV/lists"}