免费开源的 Vue2 仪表盘工具，ElementUI + ECharts + G2Plot 全上阵

PLC技术网抖音群

前言

日常开发中，我们经常需要为业务部门搭建数据看板或运营仪表盘。但每次从零开始写图表、调样式、接数据，不仅耗时，还容易重复造轮子。有没有一个开箱即用、又能灵活扩展的工具？

今天介绍的这款开源项目，它不搞复杂概念，只专注一件事：让你快速做出专业、美观、可交互的仪表盘。

项目介绍

项目是一款完全免费、代码开源的仪表盘设计器，后端基于 SpringBoot + MyBatis-Plus，前端采用 Vue2 + ElementUI，图表引擎同时集成了 ECharts 和 G2Plot。

项目支持从数据源配置、数据集处理，到可视化设计、预览发布的一整套流程。无论你是想独立部署一套看板系统，还是把仪表盘能力嵌入现有项目，它都能轻松应对。

项目功能

1、仪表盘全生命周期管理：支持创建、编辑、复制、删除、预览和导出，操作直观。

2、可视化拖拽设计：无需编码，通过鼠标拖放即可组合文本、图片、表格、翻牌器、倒计时等组件。

3、丰富图表支持：内置折线图、柱状图、饼图、雷达图、漏斗图、水波图、仪表盘、词云等主流图表类型。

4、灵活数据接入：支持 MySQL、Oracle、PostgreSQL、SQL Server、ClickHouse 等数据库，也支持 JSON 静态数据、HTTP 接口、存储过程，甚至可通过 Groovy 脚本处理复杂逻辑。

5、资源与组件复用：提供上百个背景图、图标、装饰素材，支持自定义上传；同时支持将常用布局保存为组件，一键复用。

项目特点

真正免费开源：代码托管在 GitHub 和码云，Apache 2.0 协议，可商用无限制。

两种集成模式：既可独立部署作为单独系统，也可作为模块嵌入现有 Java 项目，只需引入依赖包，无额外框架耦合。

安全可控：支持对接 Shiro、Spring Security 等权限体系，可控制谁能看到哪个仪表盘、哪些数据。

扩展性强：提供组件开发规范，开发者可按需编写自定义组件（如网络拓扑图、流程图），突破内置图表限制。

资源友好：内置大量商务风、科技感、简约风的设计素材，降低美工门槛，让非设计师也能做出好看的大屏。

项目技术

1、后端以 SpringBoot 为核心，MyBatis-Plus 简化数据库操作，RESTful API 清晰规范；

2、前端基于 Vue2 生态，ElementUI 提供基础控件，ECharts 与 G2Plot 双引擎覆盖绝大多数可视化场景。

3、数据层支持 JDBC 直连、脚本执行、API 调用等多种方式，Groovy 脚本的引入更让复杂数据清洗成为可能。

项目体验

http://gcpaas.gccloud.com/dashboard （请不要在演示环境中放入生产数据）

项目效果

打开设计器，在画布上自由拖入"翻牌器"显示关键指标，添加"柱状图"展示趋势，再配上动态边框和科技感背景，几分钟就能搭出一个完整看板。

所有组件支持实时预览，数据可定时刷新，导出为图片也是一键完成。

项目源码

项目已在 GitHub 和 Gitee（码云）开源，文档齐全，包含部署手册、使用指南、二次开发说明。不管是想直接使用，还是基于它构建企业级 BI 平台，都非常友好。

GitHub 仓库：https://github.com/xxx/DashboardDesigner

Gitee 仓库：https://gitee.com/xxx/DashboardDesigner

总结

项目它把数据接入、组件设计、权限控制这些繁琐工作封装好，让开发者能专注于业务价值本身。对于中小团队来说，它省去了从零搭建可视化平台的成本；对于大型企业，它提供了安全、可嵌入、可扩展的标准化方案。

更重要的是，因为开源，你可以随时查看、修改、优化每一行代码——这才是真正属于开发的工具。

关键词

仪表盘设计器、Vue2、SpringBoot、开源项目、ECharts、G2Plot、数据可视化、低代码、Groovy

作者：小码编匠

出处：gitee.com/smallcore/DotNetCore

声明：网络内容，仅供学习，尊重版权，侵权速删，歉意致谢！

END

往

期

精

彩

告别卡顿！告别延迟！近乎零延迟的AI视频流服务器

Vue3threejs打造三维机房监控大屏：实时、直观、可交付

Vue3TS打造的工业低代码组态平台，拖拽即出大屏

一个高性能、可扩展的自研分布式小文件存储系统

一个真正灵活的通用可视化设计器：从大屏到报表，一套架构全搞定

一个开箱即用的AI智能体开发平台

不用Flask、不搞Web，这个Python人脸识别项目直接跑出结果

开源图像标注神器：支持YOLO导出AI辅助迭代训练

基于Qt框架工业机器人离线编程软件实战

一款支持Modbus/MQTT/BACnet的插件化边缘网关

智能数据可视化平台：拖拽组件，实现敏捷分析

一款中后台方向的低代码可视化搭建平台

一款高度简洁的微信Markdown编辑器，让你不再为微信内容排版而发愁

工业级3D展示页面？Threejs这样用就够了

灵活、可靠、高效的分布式任务重试与调度平台

前端后端模型部署全包：这个开源项目让视觉AI真正落地

开源单点登录系统：支持OAuth2、OIDC、SAML的统一认证平台

一个高性能、零GC的Unity动画系统

工控Web系统怎么搭？这个DjangoVue3模板给你答案

基于GB281812016标准实现的开箱即用的网络视频平台

一个轻量、快速、免费，还支持RTL联动的国产开源波形调试工具

开源替代宏脉、领健：打造诊所专属的医疗SaaS系统

开源短剧创作平台FastMovieAI：AI自动生成视频，前后端分离开箱即用

摸鱼神器：Vue3可视化表单设计器，自动生成代码

备注【开源】

方便大家交流、资源共享和共同成长

纯技术交流群、需要的小伙伴请扫码

有收获？不妨分享让更多人受益

关注「程序员开源栈」，共同提升技术实力

点分享

点收藏

点在看

点点赞

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！