初始化

This commit is contained in:
砂糖
2025-11-08 10:38:36 +08:00
commit 3beeec7296
1626 changed files with 198488 additions and 0 deletions

130
README.md Normal file
View File

@@ -0,0 +1,130 @@
<p align="center">
<img alt="logo" src="./gitee/logo.png" width="100" />
</p>
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">Siwu-IoT-Views v3.8.8</h1>
<h4 align="center">基于RuoYi-Vue 3.8.8和Dataroom 2.0.0 集成开发的物联网可视化平台</h4>
<p align="center">
<a href='https://gitee.com/jonehoo/Siwu-IoT-Views/stargazers'><img src='https://gitee.com/jonehoo/Siwu-IoT-Views/badge/star.svg?theme=dark' alt='star'></img></a>
<a href='https://gitee.com/jonehoo/Siwu-IoT-Views/members'><img src='https://gitee.com/jonehoo/Siwu-IoT-Views/badge/fork.svg?theme=dark' alt='fork'></img></a>
<img alt="Static Badge" src="https://img.shields.io/badge/license%20-%20Apache2.0%20-red?color=%230e80c1">
<a href="https://bi.jinhuwl.top"><img alt="Static Badge" src="https://img.shields.io/badge/%E9%A2%84%E8%A7%88%20-%20%E6%BC%94%E7%A4%BA%E7%8E%AF%E5%A2%83%20-red?color=%2322b130"></a>
</p>
<h4 align="center"> 喜欢的话,给个 Star ⭐️ 吧!</h4>
## 🎉 特别鸣谢:
> 感谢开源项目 RuoYi-Vue 3.8.8 和 Dataroom 2.0.0 的作者们,他们为本项目提供了如此优秀的技术支持。
> RuoYi-Vue 3.8.8 项目地址https://gitee.com/y_project/RuoYi-Vue
> Dataroom 2.0.0 项目地址https://gitee.com/gcpaas/DataRoom
## ⭐️ 项目介绍
🔥 Siwu-IoT-Views 是一套基于 Spring Boot、MyBatisPlus、Element UI、G2Plot、Echarts 等技术栈的智能大屏设计工具。它提供了强大的大屏分组管理、设计、预览等功能,支持灵活的数据集接入与处理,能够帮助用户高效地构建可视化大屏应用。该项目完全开源,免费使用,适合各种 IoT 场景的展示与管理需求。
## ✨ 在线体验
>
> 项目演示地址https://sv.jinhuwl.top:5743
> 扫码获取账号密码:
> <img src="./gitee/公众号.jpg" alt="image" width="300" height="auto">
> ❗ 注意:演示环境为测试环境,请不要在演示环境中放入生产数据。
## ⚡ 主要功能
* ✅ 一站式大屏解决方案,从<span style='color:red'>**数据源接入**</span>-><span style='color:red'>**数据清洗处理**</span>-><span style='color:red'>**大屏设计**</span>-><span style='color:red'>**大屏预览**</span>-><span style='color:red'>**大屏发布上线**</span><br/>
* ✅ 支持<span style='color:red'>**多种数据集接入**</span>,如:原始数据集、自助数据集(支持多表关联)、存储过程、JSON(静态数据)、JS脚本、Groovy脚本、ElasticSearch、HTTP接口满足大多数数据接入需求<br/>
* ✅ 支持大屏分组管理,便于多个大屏的统一管理和布局。
* ✅ 强大的大屏设计能力,提供简单直观的可视化界面,用户可以轻松拖拽设计组件。
* ✅ 支持多种图表组件例如Echarts、G2Plot进行数据展示。
* ✅ 支持多种数据库接入,包括 MySQL、Oracle、PostgreSQL、JSON 等数据源。
* ✅ 提供 Groovy 脚本支持,用于复杂数据处理和转化,灵活应对不同的数据处理需求。
* ✅ 前端使用 Vue.js 和 Element UI构建现代化的交互界面。
* ✅ 后端采用 Spring Boot、Spring Security、Redis 和 Jwt提供高效、可靠的服务支持。
* ✅ 基于 Jwt 进行多终端认证,确保系统安全性。
* ✅ 支持动态权限菜单,灵活配置用户权限,满足不同角色的需求。
* ✅ 内置代码生成器,支持一键生成前后端代码,极大提高开发效率。
* ✅ 完全开源,社区贡献与代码定制化开发,易于二次开发与扩展。
## ☝️ 技术栈
* 前端Vue.js、Element UI、Echarts、G2Plot
* 后端Spring Boot、Spring Security、MyBatis Plus、Redis、Jwt
* 数据库MySQL、Oracle、PostgreSQL、JSON
* 脚本语言Groovy
## ‍✈️ 系统特性
| 特性 | |
| --- | :-- |
| 支持大屏、设计、预览、导出图片 | ✅ |
| 支持图层上下调整,支持置于顶层、置于底层 | ✅ |
| 支持画布组件任意框选、组合、取消组合、锁定、批量删除、复制功能 | ✅ |
| 支持多组件框选后对齐,如:左对齐、右对齐、上对齐、下对齐、中部对齐、水平均分、垂直均分 | ✅ |
| 支持文本、超链接、时间选择器、输入框、按钮、Tab标签、图片、轮播表、播放器、排名表、翻牌器、基础表格、倒计时、系统时间、外链集成、主题切换基础组件 | ✅ |
| 支持折线图、柱状图、面积图、条形图、饼图、环图、水波图、仪表盘、进度条、词云图、雷达图、漏斗图、梯形图、中国地图、飞线图等图表组件 | ✅ |
| 支持组件库,包含系统组件、业务组件、自定义组件,在线编辑器二次开发业务或自定义图表组件 | ✅ |
| 支持图表数据定时刷新能力 | ✅ |
| 支持15种边框组件具备动画、渐变色设置 | ✅ |
| 支持10多种修饰组件具备动画、渐变色设置 | ✅ |
| 支持资源库包含LOGO、3D图标、2D图标、修饰条、背景图等上百个大屏设计资源资源支持自定义上传 | ✅ |
| 支持多种数据源目前支持MySQL、PostgreSQL、Oracle、ClickHouse数据库 | ✅ |
| 支持多种数据集,目前支持原始数据集、自助数据集(支持多表关联)、存储过程数据集、JSON数据集(静态数据)、JS数据集、Groovy脚本数据集、ElasticSearch数据集、HTTP数据集接入不同数据来源 | ✅ |
| 支持自定义接口权限、数据权限,可对接项目已有权限管理完成对大屏的安全管控 | ✅ |
| 支持大屏分组管理,支持大屏分组下的大屏管理 | ✅ |
<br/>
## ☘️ 演示图
---
<table>
<tr>
<td><img src="./gitee/登录.png"/></td>
<td><img src="./gitee/用户中心.png"/></td>
</tr>
<tr>
<td><img src="./gitee/用户管理.png"/></td>
<td><img src="./gitee/在线用户.png"/></td>
</tr>
<tr>
<td><img src="./gitee/角色管理.png"/></td>
<td><img src="./gitee/角色权限管理.png"/></td>
</tr>
<tr>
<td><img src="./gitee/大屏权限管理.png"/></td>
<td><img src="./gitee/大屏设计页面.png"/></td>
</tr>
<tr>
<td><img src="./gitee/地图数据.png"/></td>
<td><img src="./gitee/高代码自定义组件.png"/></td>
</tr>
<tr>
<td><img src="./gitee/数据源添加.png"/></td>
<td><img src="./gitee/数据接口添加.png"/></td>
</tr>
<tr>
<td><img src="./gitee/数据接口配置.png"/></td>
<td><img src="./gitee/数据接口管理.png"/></td>
</tr>
<tr>
<td><img src="./gitee/物联网案例.png"/></td>
<td><img src="./gitee/流媒体组件测试.png"/></td>
</tr>
</table>
## ⛳️ 捐赠支持
<img width="200px" src="./gitee/weixin.jpg"/>
<img width="200px" src="./gitee/aliplay.jpg"/>