当前位置： 首页 > news >正文

基于Vue+ElementUI+Echarts+G2Plot的大屏设计器，代码完全开源

news 2025/12/21 12:05:49

简介

🔥DataRoom是一款基于SpringBoot、MyBatisPlus、ElementUI、G2Plot、Echarts等技术栈的大屏设计器，具备大屏设计、预览、资源管理、组件管理等能力，支持JSON、MySQL、Oracle、PostgreSQL、HTTP、JavaScript、Groovy等数据集接入，使用简单，完全免费，代码开源。

效果图

设计器页面

在这里插入图片描述

资源库

在这里插入图片描述

优势

  • 一站式大屏解决方案，从数据处理->大屏设计->大屏预览->生产使用
  • 支持多种数据集接入，可用于生产
  • 支持🔥独立部署，不对原有工程产生影响，适用于老项目
  • 支持🔥嵌入式集成，与项目无缝融合，引入依赖包即可，无其他系统框架依赖，减少运维成本，适用于新项目
  • 支持🔥组件在线、离线开发，在线开发简单组件、离线开发复杂组件
  • 支持自定义接口权限、数据权限，轻松对接🔥Shiro、Security等认证框架，保证大屏数据安全

功能

  • 支持大屏管理、设计、预览、导出、集成
  • 支持图层上下调整，支持置于顶层、置于底层
  • 支持图画布组件框选、组合、取消组合、锁定、批量删除、复制功能
  • 支持文本、图片、轮播表、排名表、翻牌器、基础表格、倒计时、系统时间、外链
  • 支持基础折线图、梯形图、柱状图、面积图、条形图、饼图、环图、水波图、仪表盘、进度条、词云图、雷达图、漏斗图等
  • 支持15种边框组件，支持动画、渐变色设置，支持水平线、垂直线设置
  • 支持10多种修饰组件，支持动画、渐变色设置
  • 支持资源管理，包含LOGO、3D图标、2D图表、修饰、背景等上百个大屏设计资源，资源支持自定义上传
  • 支持组件管理，支持组件化设计，包含系统组件、自定义组件、业务组件，一键复用组件
  • 支持数据源管理，支持MySQL、ClickHouse、PostgreSQL、Oracle
  • 支持数据集管理，支持原始数据集、自助数据集、存储过程数据集、JSON数据集、脚本数据集、HTTP数据集，接入不同来源数据
  • 支持自定义接口权限、数据权限，保证大屏数据安全
  • 支持组件自定义规范，按照规范开发自己的大屏组件，满足特殊需求，如：自定义网络拓扑

演示环境

http://gcpaas.gccloud.com/#/dataroom

请不要在演示环境中放入生产数据

代码仓库

码云 https://gitee.com/gcpaas/DataRoom

GitHub https://github.com/gcpaas/DataRoom

相关文章：

基于Vue+ElementUI+Echarts+G2Plot的大屏设计器，代码完全开源

简介 🔥DataRoom是一款基于SpringBoot、MyBatisPlus、ElementUI、G2Plot、Echarts等技术栈的大屏设计器，具备大屏设计、预览、资源管理、组件管理等能力，支持JSON、MySQL、Oracle、PostgreSQL、HTTP、JavaScript、Groovy等数据集接入&#x…...

编程日记 2023/8/3 6:08:34

Linux - PostgreSQL 适用于9.x 以上的 tar.gz 源码安装与理解 - 报错集锦

这里写目录标题 序言主要内容bash 配置文件个人理解关于初始化 PostgreSQL 数据库的理解 启动方法检查服务器是否在PostgreSQL中运行关闭 postgresql 数据库方法参考链接 序言 PostgreSQL 9.x 以下版本笔者没用过，具体操作看参考链接，笔者就不记录重复操…...

编程日记 2023/8/3 6:07:33

Django使用用户列表的展示和添加

接着上一篇：https://blog.csdn.net/javascript_good/article/details/132027702 来实现用户表的查询和添加 1、创建数据库表 在models.py 中，增加UserInfo类，包括字段姓名、密码、年龄、账号余额、入职时间、所属部门、性别 verbose_name 就…...

编程日记 2023/8/3 6:06:32

kubernetes错误汇总

title: “kubernetes错误汇总” categories: - “技术” tags: - “Kubernetes” - “错误汇总” toc: false original: true draft: false 1、增加 master etcd 报错 1.1、错误描述 由于创建的k8s集群，其中有一个master节点初始化失败，先删除了这个节…...

编程日记 2023/8/3 6:05:31

[openCV]基于拟合中线的智能车巡线方案V4

import cv2 as cv import os import numpy as np# 遍历文件夹函数 def getFileList(dir, Filelist, extNone):"""获取文件夹及其子文件夹中文件列表输入 dir：文件夹根目录输入 ext: 扩展名返回： 文件路径列表"""newDir d…...

编程日记 2023/8/3 6:04:30

【网络云盘客户端】——上传文件的功能的实现

目录 上传文件功能的实现 uploadtask的设计 设置上传的槽函数 uploadFileAction接口 uploadFile接口 定时上传文件 进度条的设计 上传文件功能的实现 上传文件功能实现 1.双击 ”上传文件 “的 QListWidgetItem 或者 点击 “上传” 菜单项 都会弹出一个文件对话框 2.在文…...

编程日记 2023/8/3 6:03:29

WebView2对比CefSharp的超强优势

第一次使用了CefSharp组件，集成开发结束后，测试及使用过程中遇到了一些无法处理的bug及严重的性能问题。然后又测试对比了其他多种组件，具体情况可以阅读我的博客​ ​《.NET桌面程序集成Web网页开发的十种解决方案》​​。最终选用了微软新出…...

编程日记 2023/8/3 6:02:27

前端需要知道的计算机网络知识

1 Web 机制 无论通过有线方式 (通常是网线) 还是无线方式（比如 wifi 或蓝牙)，通信需要进行连接，网络上的每台计算机需要链接到路由器（router）。 路由器确保从一台计算机上发出的一条信息可以到达正确的计算机。计算机…...

编程日记 2023/8/3 6:01:26

[2023杭电多校5 1005] Snake (生成函数)

题意 有 n n n 个标号为 1 , 2 , ⋯ , n 1,2,\cdots,n 1,2,⋯,n 的球，放到 m m m 个无标号盒子 (盒内顺序有标号)，且每个盒子球数不超过 k k k，求方案数对 998 244 353 998\,244\,353 998244353 取模。 1 ≤ m , k ≤ n ≤ 1 0 6 1 \le…...

编程日记 2023/8/3 6:00:25

【MyBtis】各种查询功能

目录 【MyBtis】配置和映射 11.1 示例:实现表数据的增、删、改、查 1.创建工程mybatis_DML demo 2.创建数据库操作的工具类：DBOperatorMgr.java 3.创建映射接口 4.创建XML映射文件 5.测试 【MyBtis】配置和映射 MyBatis 的真正强大之外在于它的映射语句&#xf…...

编程日记 2023/8/3 5:59:23

H5打包封装小程序系统开发

H5打包封装小程序系统开发 H5打包封装小程序系统开发是指将H5页面打包封装成小程序的开发过程。下面是一个简单的步骤： 准备工作：首先，需要准备好H5页面的代码和资源文件。确保H5页面在浏览器中正常运行，并且没有依赖于浏览器特…...

编程日记 2023/8/3 5:58:22

SpringBoot集成jasypt，加密yml配置文件

SpringBoot集成jasypt，加密yml配置文件 一、pom配置二、生成密文代码三、配置3.1、yml加密配置3.2、密文配置3.3、启动配置3.4、部署配置 四、遇到的一些坑 最新项目安全检测，发现配置文件中数据库密码，redis密码仍处理明文状态 一、pom配置…...

编程日记 2023/8/3 5:57:19

【C++】模板（初阶）

1、泛型编程 泛型编程：编写与类型无关的通用代码，是代码复用的一种手段。模板是泛型编程的基础 2、函数模板 函数模板代表了一个函数家族，该函数模板与类型无关，在使用时被参数化，根据实参类型产生函数的特定类型版本…...

编程日记 2023/8/3 5:56:17

windows下的txt文档，传到ubuntu后，每行后面出现^M，怎么处理？

问题背景：windows下pycharm生成的txt文档，传到ubuntu后，每行后面出现^M 用vim打开显示 使用cat -A filename显示如下 参考https://www.lmlphp.com/user/16697/article/item/579325/给出的几种方法 方法一、dos2unix filename。服务器没装…...

编程日记 2023/8/3 5:55:15

LabVIEW FPGA开发实时滑动摩擦系统

LabVIEW FPGA开发实时滑动摩擦系统 由于非线性摩擦效应的建模和补偿的固有困难，摩擦系统的运动控制已被广泛研究。最近，人们更加关注滑动动力学和滑动定位，作为传统机器人定位的低成本和更灵活的驱动替代方案。摩擦控制器设计和适当选择基础…...

编程日记 2023/8/3 5:54:13

Prometheus服务器、Prometheus被监控端、Grafana、Prometheus服务器、Prometheus被监控端、Grafana

day03 day03Prometheus概述部署Prometheus服务器环境说明：配置时间安装Prometheus服务器添加被监控端部署通用的监控exporterGrafana概述部署Grafana展示node1的监控信息监控MySQL数据库配置MySQL配置mysql exporter配置mysql exporter配置prometheus监控mysql自动…...

编程日记 2023/8/3 5:53:11

常见的锁策略（面试八股文）

1.乐观锁vs悲观锁 乐观锁：预测该场景中不太会出现锁冲突的情况。（后续做的工作会更少） 悲观锁：预测该场景非常容易出现锁冲突（后续做的工作会更多） 锁冲突：多个线程同时尝试去获得同一把锁&…...

编程日记 2023/8/3 5:52:10

SO_KEEPALIVE、TCP_KEEPIDLE、TCP_KEEPINTVL、保活包

SO_KEEPALIVE SO_KEEPALIVE 是一个套接字选项，用于设置是否启用 keepalive 机制。在这段代码中没有涉及到 SO_KEEPALIVE 选项的设置。 当 SO_KEEPALIVE 被设置为非零值时，表示启用 keepalive 机制。keepalive 是一种用于检测连接是否仍然有效的机制。通…...

编程日记 2023/8/3 5:51:08

【phaser微信抖音小游戏开发005】画布上添加图片

特别注意：真机模拟的时候，尽量使用网络图片资源，不要在小程序源文件里面使用图片，会出现真机加载不成功，小程序包体积过大的问题。我们学习过程中，只是作为演示使用。 推荐使用场景： 背景图片…...

编程日记 2023/8/3 5:50:07

【设计模式——学习笔记】23种设计模式——外观模式Facade（原理讲解+应用场景介绍+案例介绍+Java代码实现）

文章目录 案例引入介绍基本介绍类图出场角色 案例实现案例一类图代码实现 案例二类图代码实现 外观模式在Mybatis源码中的应用总结文章说明 案例引入 在家庭影院中，要享受一场电影，需要如下步骤： 直接用遥控器：统筹各设备开关开…...

编程日记 2023/8/3 5:49:06

业务系统对接大模型的基础方案：架构设计与关键步骤

业务系统对接大模型：架构设计与关键步骤 在当今数字化转型的浪潮中，大语言模型（LLM）已成为企业提升业务效率和创新能力的关键技术之一。将大模型集成到业务系统中，不仅可以优化用户体验，还能为业务决策提供…...

编程新知 2025/12/21 4:39:16

DeepSeek 赋能智慧能源：微电网优化调度的智能革新路径

目录 一、智慧能源微电网优化调度概述1.1 智慧能源微电网概念1.2 优化调度的重要性1.3 目前面临的挑战 二、DeepSeek 技术探秘2.1 DeepSeek 技术原理2.2 DeepSeek 独特优势2.3 DeepSeek 在 AI 领域地位 三、DeepSeek 在微电网优化调度中的应用剖析3.1 数据处理与分析3.2 预测与…...

编程新知 2025/11/20 2:48:44

day52 ResNet18 CBAM

在深度学习的旅程中，我们不断探索如何提升模型的性能。今天，我将分享我在 ResNet18 模型中插入 CBAM（Convolutional Block Attention Module）模块，并采用分阶段微调策略的实践过程。通过这个过程，我不仅提升…...

编程新知 2025/11/9 1:27:18

安宝特方案丨XRSOP人员作业标准化管理平台：AR智慧点检验收套件

在选煤厂、化工厂、钢铁厂等过程生产型企业，其生产设备的运行效率和非计划停机对工业制造效益有较大影响。 随着企业自动化和智能化建设的推进，需提前预防假检、错检、漏检，推动智慧生产运维系统数据的流动和现场赋能应用。同时，…...

编程新知 2025/12/15 4:11:20

高频面试之3Zookeeper

高频面试之3Zookeeper 文章目录 高频面试之3Zookeeper3.1 常用命令3.2 选举机制3.3 Zookeeper符合法则中哪两个？3.4 Zookeeper脑裂3.5 Zookeeper用来干嘛了 3.1 常用命令 ls、get、create、delete、deleteall3.2 选举机制 半数机制（过半机制&#xff0…...

编程新知 2025/12/19 10:26:07

蓝牙 BLE 扫描面试题大全(2)：进阶面试题与实战演练

前文覆盖了 BLE 扫描的基础概念与经典问题蓝牙 BLE 扫描面试题大全(1)：从基础到实战的深度解析-CSDN博客，但实际面试中，企业更关注候选人对复杂场景的应对能力（如多设备并发扫描、低功耗与高发现率的平衡）和前沿技术的…...

编程新知 2025/12/21 8:21:58

大语言模型如何处理长文本？常用文本分割技术详解

为什么需要文本分割？ 引言：为什么需要文本分割？一、基础文本分割方法1. 按段落分割（Paragraph Splitting）2. 按句子分割（Sentence Splitting）二、高级文本分割策略3. 重叠分割（Sliding Window）4. 递归分割（Recursive Splitting）三、生产级工具推荐5. 使用LangChain的…...

编程新知 2025/11/18 0:32:13

[10-3]软件I2C读写MPU6050 江协科技学习笔记（16个知识点）

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16...

编程新知 2025/12/8 14:57:15

QT： `long long` 类型转换为 `QString` 2025.6.5

在 Qt 中，将 long long 类型转换为 QString 可以通过以下两种常用方法实现： 方法 1：使用 QString::number() 直接调用 QString 的静态方法 number()，将数值转换为字符串： long long value 1234567890123456789LL; …...

编程新知 2025/12/14 4:20:34

OPENCV形态学基础之二腐蚀

一.腐蚀的原理 (图1) 数学表达式：dst(x,y) erode(src(x,y)) min(x,y)src(xx,yy) 腐蚀也是图像形态学的基本功能之一，腐蚀跟膨胀属于反向操作，膨胀是把图像图像变大，而腐蚀就是把图像变小。腐蚀后的图像变小变暗淡。 腐蚀…...

编程新知 2025/12/13 4:39:40