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

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

news 2026/2/11 4:47:19

简介

🔥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

Python爬虫实战：研究MechanicalSoup库相关技术

一、MechanicalSoup 库概述 1.1 库简介 MechanicalSoup 是一个 Python 库，专为自动化交互网站而设计。它结合了 requests 的 HTTP 请求能力和 BeautifulSoup 的 HTML 解析能力，提供了直观的 API，让我们可以像人类用户一样浏览网页、填写表单和提交请求。 1.2 主要功能特点…...

编程新知 2025/10/10 18:13:55

k8s从入门到放弃之Ingress七层负载

k8s从入门到放弃之Ingress七层负载在Kubernetes（简称K8s）中，Ingress是一个API对象，它允许你定义如何从集群外部访问集群内部的服务。Ingress可以提供负载均衡、SSL终结和基于名称的虚拟主机等功能。通过Ingress，你可…...

编程新知 2025/9/7 0:12:53

测试markdown--肇兴

day1： 1、去程：7:04 --11:32高铁高铁右转上售票大厅2楼，穿过候车厅下一楼，上大巴车 ￥10/人 **2、到达：**12点多到达寨子，买门票，美团/抖音：￥78人 3、中饭&a…...

编程新知 2025/12/14 11:45:02

【ROS】Nav2源码之nav2_behavior_tree-行为树节点列表

1、行为树节点分类在 Nav2（Navigation2）的行为树框架中，行为树节点插件按照功能分为 Action（动作节点）、Condition（条件节点）、Control（控制节点）和 Decorator（装饰节点）四类。 1.1 动作节点 Action 执行具体的机器人操作或任务，直接与硬件、传感器或外部系统…...

编程新知 2026/2/7 8:45:41

页面渲染流程与性能优化

页面渲染流程与性能优化详解（完整版） 一、现代浏览器渲染流程（详细说明） 1. 构建DOM树浏览器接收到HTML文档后，会逐步解析并构建DOM（Document Object Model）树。具体过程如下： (…...

编程新知 2026/1/31 11:58:35

Rust 异步编程

Rust 异步编程引言 Rust 是一种系统编程语言，以其高性能、安全性以及零成本抽象而著称。在多核处理器成为主流的今天，异步编程成为了一种提高应用性能、优化资源利用的有效手段。本文将深入探讨 Rust 异步编程的核心概念、常用库以及最佳实践。异步编程基础什么是异步…...

编程新知 2025/11/17 18:58:56

处理vxe-table 表尾数据是单独一个接口，表格tableData数据更新后，需要点击两下，表尾才是正确的

修改bug思路： 分别把 tabledata 和表尾相关数据 console.log() 发现更新数据先后顺序不对 settimeout延迟查询表格接口 ——测试可行升级↑：async await 等接口返回后再开始下一个接口查询 ________________________________________________________…...

编程新知 2026/2/10 11:29:00