# DataRoom

**Repository Path**: shihaiming/DataRoom

## Basic Information

- **Project Name**: DataRoom
- **Description**: 🔥基于Vue的大屏可视化设计器，前后端一体化解决方案，几十种炫酷图表，支持多种数据来源接入，适用于大屏、低代码、BI场景，使用简单，代码完全开源。
- **Primary Language**: HTML/CSS
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: http://gcpaas.gccloud.com
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1363
- **Created**: 2024-05-07
- **Last Updated**: 2026-06-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
  <h1>DataRoom</h1>
  <strong>简单、免费、开源的大屏、页面设计器，支持通过AI对话生成</strong>
</div>
<p align="center">
    <img alt="stars" src="https://gitee.com/gcpaas/DataRoom/badge/star.svg?theme=dark">
    <img alt="forks" src="https://gitee.com/gcpaas/DataRoom/badge/fork.svg?theme=dark">
    <img alt="GitHub license" src="https://img.shields.io/badge/License-Apache%20License%202.0-blue.svg">
    <img alt="Company" src="https://img.shields.io/badge/公司-科大国创云网科技有限公司-blue.svg">
    <a href="http://gcpaas.gccloud.com"><img src="https://img.shields.io/badge/%E9%A2%84%E8%A7%88-演示环境-yellow" alt="预览"></a>
</p>
🔥DataRoom是一款基于SpringBoot3.x、JDK17、Vue3.x、Vite8.x、Element-plus、Echarts6.x等技术栈的大屏设计器，具备大屏、仪表板设计、预览能力，支持MySQL、PostgreSQL、Oracle、SQLServer、Doris、达梦、DB2、GBase、PolarDB、H2、GoldenDB、MongoDB、人大金仓、MQTT、ClickHouse、MariaDB、OceanBase、Hive、TDengine、TiDB、StarRocks、Druid、ElasticSearch、Excel、CSV等20+数据源接入，支持AI生成页面，使用简单，完全免费，代码开源。<br/>

## 🎉特别说明
* 当前项目代码完全开源，暂时未提供演示环境
* 我们也有商业版本，[点击立即体验](http://gcpaas.gccloud.com/dataRoom/login)、需要自己用邮箱注册，密码会发送到邮件中
* 商业版功能介绍与定价[点击这里](http://gcpaas.gccloud.com/#/pricing)

## 💯优势
* 一站式大屏解决方案，从数据源接入->数据清洗处理->大屏/页面设计->大屏/页面预览->大屏/页面发布上线
* 支持MySQL、PostgreSQL、Oracle、SQLServer、Doris、达梦、DB2、GBase、PolarDB、H2、GoldenDB、MongoDB、人大金仓、万里、ClickHouse、MariaDB、OceanBase、Hive、TDengine、Druid、ElasticSearch、Excel、CSV数据源接入
* 支持多种数据集制作与接入，如：JSON、HTTP、SQL、Excel/CSV、ElasticSearch、WebSocket，满足常见数据接入需求
* 支持MQTT、WebSocket实时数据集接入，适用于物联网场景
* 支持用户、角色、权限、日志管理，提供安全防护
* 支持页面发布、分享、IP与有效期控制
* 支持组件交互事件配置，如: 显示/隐藏/页面跳转/数据刷新/更新变量/高代码，具备定时刷新能能力
* 支持AI能力，通过SKILL、MCP对话式创建大屏/页面
* 支持独立部署与若依单点登录，不对原有工程产生影响

## 系统截图

### AI对话生成大屏、页面
> 支持通过MCP协议，接入AI工具，通过对话方式新建大屏、页面

![AI生成大屏.png](doc/image/AI%E7%94%9F%E6%88%90%E5%A4%A7%E5%B1%8F.png)

> 下图为AI首次生成的效果（原话：使用MCP帮我创建一个618监控大屏）

![AI生成大屏效果.png](doc/image/AI%E7%94%9F%E6%88%90%E5%A4%A7%E5%B1%8F%E6%95%88%E6%9E%9C.png)

### 登录功能
> 支持账号、密码、验证码登录；支持单点登录，防暴力登录

![登录页面.png](doc/image/%E7%99%BB%E5%BD%95%E9%A1%B5%E9%9D%A2.png)

### 页面管理
> 支持目录树管理，具备大屏、仪表盘创建、设计、预览、发布

![页面管理页.png](doc/image/%E9%A1%B5%E9%9D%A2%E7%AE%A1%E7%90%86%E9%A1%B5.png)

### 页面设计器
> 采用栅格布局，自适应页面大小，适用于低代码场景；支持历史记录与回滚、撤销与恢复、定时刷新、组件交互

![页面设计器.png](doc/image/%E9%A1%B5%E9%9D%A2%E8%AE%BE%E8%AE%A1%E5%99%A8.png)

### 大屏设计器
> 采用绝对定位布局、灵活设计，支持标尺、画布缩放、画布拖拽、图层管理、历史记录与回滚、撤销与恢复、定时刷新、组件交互

![大屏设计器.png](doc/image/%E5%A4%A7%E5%B1%8F%E8%AE%BE%E8%AE%A1%E5%99%A8.png)

### 素材库
> 支持目录树管理；具备图片、视频、3D模型导入与预览；支持本地存储、MFS、MinIO、RustFS、Ceph等S3协议的存储扩展

![素材库页面.png](doc/image/%E7%B4%A0%E6%9D%90%E5%BA%93%E9%A1%B5%E9%9D%A2.png)

> 内置多类型素材，覆盖背景、图标、边框、标题、装饰等场景，素材源自网络，版权归原作者所有，仅用于学习研究

![系统素材.png](doc/image/%E7%B3%BB%E7%BB%9F%E7%B4%A0%E6%9D%90.png)

### 数据源
> 支持MySQL、PostgreSQL、Oracle、SQLServer、Doris、达梦、DB2、GBase、PolarDB、H2、GoldenDB、MongoDB、人大金仓、MQTT、万里、ClickHouse、MariaDB、OceanBase、Hive、TDengine、TiDB、StarRocks、Druid、ElasticSearch、Excel、CSV数据源接入；密码采用非对称加密存储

![数据源页面.png](doc/image/%E6%95%B0%E6%8D%AE%E6%BA%90%E9%A1%B5%E9%9D%A2.png)

### 数据集
> 支持目录树管理与JSON、SQL、HTTP、ES、Excel、WebSocket数据集制作和接入

![数据集页面.png](doc/image/%E6%95%B0%E6%8D%AE%E9%9B%86%E9%A1%B5%E9%9D%A2.png)

### 地图管理
> 支持地图数据导入、预览、区域自动解析

![地图管理.png](doc/image/%E5%9C%B0%E5%9B%BE%E7%AE%A1%E7%90%86.png)

### 用户管理
> 支持用户新建、权限管控、密码加密存储

![用户管理.png](doc/image/%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86.png)

### 访问日志
> 支持用户所有操作记录（登录、修改、删除、查询）查看，确保行为可核查

![访问日志.png](doc/image/%E8%AE%BF%E9%97%AE%E6%97%A5%E5%BF%97.png)


### 开放API
> 支持标准的RESTful API、Open API 3.x规范

![开放API.png](doc/image/%E5%BC%80%E6%94%BEAPI.png)


### MCP协议
> 支持对外提供MCP协议，实现与AI工具的对接

![MCP.png](doc/image/MCP.png)

### 系统集成
> 支持通过配置的方式与若依框架完成单点登录，可扩展其他框架单点登录

## docker体验
```shell
# 访问地址、用户名、密码等参考用户手册说明

docker run -d --name dataroom -p 8081:8081 gcpaas/dataroom:latest 
```

## 用户手册
> 手册密码请加下方QQ群，看群公告

https://www.yuque.com/gc-starter/dataroom-plus/start

## 更新日志
[版本区别、功能变更、安全变更日志](CHANGELOG.md)

## 托管平台
[码云](https://gitee.com/gcpaas/DataRoom)、[GitHub](https://github.com/gcpaas/DataRoom)、[AtomGit](https://atomgit.com/gcpaas/DataRoom)

## QQ群
> 关于使用手册、文档密码、部署包、使用等问题可以加以下QQ群，看群公告，若群人数满了可加其他群，群验证密码：DataRoom是一个页面设计器

`QQ群1：322302395`、`QQ群2: 631457306`、`QQ群3: 637427928`、`QQ群4: 891384200`、`QQ群5:839047616`、`QQ群6：536999154`、`QQ群7：462514660`

## 公司登记

为了更好的做开源与产品推广，欢迎使用的公司在[此处登记](https://gitee.com/gcpaas/DataRoom/issues/IAQO4F )

## 许可证

Apache License 2.0