基于Vue+ElementUI+Echarts+G2Plot的大屏设计器，代码完全开源
简介
🔥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…...
Linux - PostgreSQL 适用于9.x 以上的 tar.gz 源码安装与理解 - 报错集锦
这里写目录标题 序言主要内容bash 配置文件个人理解关于初始化 PostgreSQL 数据库的理解 启动方法检查服务器是否在PostgreSQL中运行关闭 postgresql 数据库方法参考链接 序言 PostgreSQL 9.x 以下版本笔者没用过，具体操作看参考链接，笔者就不记录重复操…...
Django使用用户列表的展示和添加
接着上一篇：https://blog.csdn.net/javascript_good/article/details/132027702 来实现用户表的查询和添加 1、创建数据库表 在models.py 中，增加UserInfo类，包括字段姓名、密码、年龄、账号余额、入职时间、所属部门、性别 verbose_name 就…...
kubernetes错误汇总
title: “kubernetes错误汇总” categories: - “技术” tags: - “Kubernetes” - “错误汇总” toc: false original: true draft: false 1、增加 master etcd 报错 1.1、错误描述 由于创建的k8s集群，其中有一个master节点初始化失败，先删除了这个节…...
[openCV]基于拟合中线的智能车巡线方案V4
import cv2 as cv import os import numpy as np# 遍历文件夹函数 def getFileList(dir, Filelist, extNone):"""获取文件夹及其子文件夹中文件列表输入 dir：文件夹根目录输入 ext: 扩展名返回： 文件路径列表"""newDir d…...
【网络云盘客户端】——上传文件的功能的实现
目录 上传文件功能的实现 uploadtask的设计 设置上传的槽函数 uploadFileAction接口 uploadFile接口 定时上传文件 进度条的设计 上传文件功能的实现 上传文件功能实现 1.双击 ”上传文件 “的 QListWidgetItem 或者 点击 “上传” 菜单项 都会弹出一个文件对话框 2.在文…...
WebView2对比CefSharp的超强优势
第一次使用了CefSharp组件，集成开发结束后，测试及使用过程中遇到了一些无法处理的bug及严重的性能问题。然后又测试对比了其他多种组件，具体情况可以阅读我的博客 《.NET桌面程序集成Web网页开发的十种解决方案》。最终选用了微软新出…...
前端需要知道的计算机网络知识
1 Web 机制 无论通过有线方式 (通常是网线) 还是无线方式（比如 wifi 或蓝牙)，通信需要进行连接，网络上的每台计算机需要链接到路由器（router）。 路由器确保从一台计算机上发出的一条信息可以到达正确的计算机。计算机…...
)
[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…...
【MyBtis】各种查询功能
目录 【MyBtis】配置和映射 11.1 示例:实现表数据的增、删、改、查 1.创建工程mybatis_DML demo 2.创建数据库操作的工具类：DBOperatorMgr.java 3.创建映射接口 4.创建XML映射文件 5.测试 【MyBtis】配置和映射 MyBatis 的真正强大之外在于它的映射语句…...
H5打包封装小程序系统开发
H5打包封装小程序系统开发 H5打包封装小程序系统开发是指将H5页面打包封装成小程序的开发过程。下面是一个简单的步骤： 准备工作：首先，需要准备好H5页面的代码和资源文件。确保H5页面在浏览器中正常运行，并且没有依赖于浏览器特…...
SpringBoot集成jasypt，加密yml配置文件
SpringBoot集成jasypt，加密yml配置文件 一、pom配置二、生成密文代码三、配置3.1、yml加密配置3.2、密文配置3.3、启动配置3.4、部署配置 四、遇到的一些坑 最新项目安全检测，发现配置文件中数据库密码，redis密码仍处理明文状态 一、pom配置…...
【C++】模板（初阶）
1、泛型编程 泛型编程：编写与类型无关的通用代码，是代码复用的一种手段。模板是泛型编程的基础 2、函数模板 函数模板代表了一个函数家族，该函数模板与类型无关，在使用时被参数化，根据实参类型产生函数的特定类型版本…...
windows下的txt文档，传到ubuntu后，每行后面出现^M，怎么处理？
问题背景：windows下pycharm生成的txt文档，传到ubuntu后，每行后面出现^M 用vim打开显示 使用cat -A filename显示如下 参考https://www.lmlphp.com/user/16697/article/item/579325/给出的几种方法 方法一、dos2unix filename。服务器没装…...
LabVIEW FPGA开发实时滑动摩擦系统
LabVIEW FPGA开发实时滑动摩擦系统 由于非线性摩擦效应的建模和补偿的固有困难，摩擦系统的运动控制已被广泛研究。最近，人们更加关注滑动动力学和滑动定位，作为传统机器人定位的低成本和更灵活的驱动替代方案。摩擦控制器设计和适当选择基础…...
Prometheus服务器、Prometheus被监控端、Grafana、Prometheus服务器、Prometheus被监控端、Grafana
day03 day03Prometheus概述部署Prometheus服务器环境说明：配置时间安装Prometheus服务器添加被监控端部署通用的监控exporterGrafana概述部署Grafana展示node1的监控信息监控MySQL数据库配置MySQL配置mysql exporter配置mysql exporter配置prometheus监控mysql自动…...
常见的锁策略（面试八股文）
1.乐观锁vs悲观锁 乐观锁：预测该场景中不太会出现锁冲突的情况。（后续做的工作会更少） 悲观锁：预测该场景非常容易出现锁冲突（后续做的工作会更多） 锁冲突：多个线程同时尝试去获得同一把锁&…...
SO_KEEPALIVE、TCP_KEEPIDLE、TCP_KEEPINTVL、保活包
SO_KEEPALIVE SO_KEEPALIVE 是一个套接字选项，用于设置是否启用 keepalive 机制。在这段代码中没有涉及到 SO_KEEPALIVE 选项的设置。 当 SO_KEEPALIVE 被设置为非零值时，表示启用 keepalive 机制。keepalive 是一种用于检测连接是否仍然有效的机制。通…...
【phaser微信抖音小游戏开发005】画布上添加图片
特别注意：真机模拟的时候，尽量使用网络图片资源，不要在小程序源文件里面使用图片，会出现真机加载不成功，小程序包体积过大的问题。我们学习过程中，只是作为演示使用。 推荐使用场景： 背景图片…...
【设计模式——学习笔记】23种设计模式——外观模式Facade（原理讲解+应用场景介绍+案例介绍+Java代码实现）
文章目录 案例引入介绍基本介绍类图出场角色 案例实现案例一类图代码实现 案例二类图代码实现 外观模式在Mybatis源码中的应用总结文章说明 案例引入 在家庭影院中，要享受一场电影，需要如下步骤： 直接用遥控器：统筹各设备开关开…...
深入浅出Asp.Net Core MVC应用开发系列-AspNetCore中的日志记录
ASP.NET Core 是一个跨平台的开源框架，用于在 Windows、macOS 或 Linux 上生成基于云的新式 Web 应用。 ASP.NET Core 中的日志记录 .NET 通过 ILogger API 支持高性能结构化日志记录，以帮助监视应用程序行为和诊断问题。 可以通过配置不同的记录提供程…...
Android Wi-Fi 连接失败日志分析
1. Android wifi 关键日志总结 (1) Wi-Fi 断开 (CTRL-EVENT-DISCONNECTED reason3) 日志相关部分： 06-05 10:48:40.987 943 943 I wpa_supplicant: wlan0: CTRL-EVENT-DISCONNECTED bssid44:9b:c1:57:a8:90 reason3 locally_generated1解析： CTR…...
【Oracle APEX开发小技巧12】
有如下需求： 有一个问题反馈页面，要实现在apex页面展示能直观看到反馈时间超过7天未处理的数据，方便管理员及时处理反馈。 我的方法：直接将逻辑写在SQL中，这样可以直接在页面展示 完整代码： SELECTSF.FE…...
Zustand 状态管理库：极简而强大的解决方案
Zustand 是一个轻量级、快速和可扩展的状态管理库，特别适合 React 应用。它以简洁的 API 和高效的性能解决了 Redux 等状态管理方案中的繁琐问题。 核心优势对比 基本使用指南 1. 创建 Store // store.js import create from zustandconst useStore create((set)…...
vscode（仍待补充）
写于2025 6.9 主包将加入vscode这个更权威的圈子 vscode的基本使用 侧边栏 vscode还能连接ssh？ debug时使用的launch文件 1.task.json {"tasks": [{"type": "cppbuild","label": "C/C: gcc.exe 生成活动文件"…...
全志A40i android7.1 调试信息打印串口由uart0改为uart3
一，概述 1. 目的 将调试信息打印串口由uart0改为uart3。 2. 版本信息 Uboot版本：2014.07； Kernel版本：Linux-3.10； 二，Uboot 1. sys_config.fex改动 使能uart3(TX:PH00 RX:PH01)，并让boo…...
mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包
文章目录 现象：mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包遇到 rpm 命令找不到已经安装的 MySQL 包时，可能是因为以下几个原因：1.MySQL 不是通过 RPM 包安装的2.RPM 数据库损坏3.使用了不同的包名或路径4.使用其他包…...
佰力博科技与您探讨热释电测量的几种方法
热释电的测量主要涉及热释电系数的测定，这是表征热释电材料性能的重要参数。热释电系数的测量方法主要包括静态法、动态法和积分电荷法。其中，积分电荷法最为常用，其原理是通过测量在电容器上积累的热释电电荷，从而确定热释电系数…...
SiFli 52把Imagie图片，Font字体资源放在指定位置，编译成指定img.bin和font.bin的问题
分区配置 (ptab.json) img 属性介绍： img 属性指定分区存放的 image 名称，指定的 image 名称必须是当前工程生成的 binary 。 如果 binary 有多个文件，则以 proj_name:binary_name 格式指定文件名， proj_name 为工程 名&…...
c# 局部函数 定义、功能与示例
C# 局部函数：定义、功能与示例 1. 定义与功能 局部函数（Local Function）是嵌套在另一个方法内部的私有方法，仅在包含它的方法内可见。 • 作用：封装仅用于当前方法的逻辑，避免污染类作用域，提升…...