×

代码开源、免费商用:一款基于 RuoYi 集成的 IoT 可视化大屏平台

独孤求败 独孤求败 发表于2026-06-14 22:04:12 浏览30 评论0

抢沙发发表评论

在数据驱动业务的今天,物联网(IoT)可视化大屏已成为企业监控、运营和决策的标配。然而,自研一套功能完善的大屏设计器成本高昂,而市面上成熟的商业软件往往价格不菲。今天,我将为大家介绍一款完全免费、代码开源且可直接用于商业项目的物联网可视化平台——Siwu-IoT-Views


该项目基于经典的RuoYi-Vue 3.8.8权限框架与Dataroom 2.0.0可视化引擎深度集成开发,不仅继承了若依强大的后台管理能力,还融合了专业大屏设计器的灵活布局与炫酷特效,形成了一套前后端一体化的解决方案。


项目核心亮点

Siwu-IoT-Views 是一套基于 Spring Boot、MyBatis Plus、Element UI、ECharts 及 G2Plot 等主流技术栈构建的智能大屏设计工具。它并非简单的拼凑,而是深度的有机融合,旨在降低大屏开发的技术门槛,帮助开发者和企业高效构建可视化应用。


  • 开源免费,商用无忧:项目采用 MIT 开源协议,代码完全公开,允许自由使用、修改和分发,无论是个人学习还是企业商用,均无法律风险。

  • 强强联合,技术扎实:底层依托 RuoYi 的 Spring Boot 权限管理内核,保障了系统的安全与稳定;前端融合 Dataroom 的可视化编辑器,提供了数十种炫酷图表和灵活的布局能力。

  • 场景广泛,适用性强:它不仅适用于 IoT 物联网设备数据的实时监控,同样适用于智慧城市、工业互联网、智慧农业等大屏展示场景,也是一款优秀的低代码开发平台和 BI 分析工具。

图片
图片

技术架构与栈选型

Siwu-IoT-Views 采用前后端分离架构,技术选型成熟稳定,便于二次开发和维护。

图片
图片

功能演示

1、登录界面

图片

2、个人中心

图片

3、用户管理

图片

4、在线用户

图片

5、菜单管理

图片
图片

6、大屏设计器

图片

7、地图数据管理

图片

8、自定义VUE组件

图片

9、数据源连接

图片

10、数据集查询

图片

11、大屏预览

图片
图片

核心功能特性

1、强大的大屏设计器

  • 拖拽式布局:提供直观的可视化界面,支持组件的自由拖拽、框选、组合与锁定。

  • 灵活的图层控制:支持组件的上下层调整、置于顶层/底层,满足复杂的视觉层级需求。

  • 精准对齐与分布:支持多选组件后的左对齐、右对齐、顶端对齐、底端对齐以及水平/垂直均分,让页面排版更加专业。


2、丰富的组件与资源库

  • 图表组件:内置折线图、柱状图、面积图、饼图、环图、水波图、仪表盘、进度条、词云图、雷达图、漏斗图、中国地图、飞线图等数十种图表。

  • 通用组件:包含文本、超链接、时间选择器、输入框、按钮、Tab标签、图片、轮播表、播放器、排名表、翻牌器、基础表格、倒计时、系统时间等。

  • 装饰组件:提供 15 种边框组件和 10 多种修饰组件,均支持动画和渐变色设置,让大屏不再单调。

  • 资源库:内置上百个大屏设计资源(如 LOGO、3D图标、2D图标、修饰条、背景图),并支持自定义上传。


3、多样化的数据接入能力

  • 多数据源支持:支持 MySQL、Oracle、PostgreSQL、ClickHouse 等主流关系型数据库,以及 JSON、ElasticSearch 等非结构化数据源。

  • 多数据集类型:支持原始数据集、自助数据集(支持多表关联)、存储过程、JSON 静态数据、JS 脚本、Groovy 脚本、HTTP 接口等,满足各种复杂的数据接入需求。

  • 数据处理:内置代码生成器,支持一键生成前后端代码;同时支持 Groovy 脚本,用于处理复杂的数据清洗和转换逻辑。


4、完善的基础管理功能

  • 权限管理:继承 RuoYi 的用户、角色、菜单、部门管理,支持动态权限菜单配置和数据权限划分。

  • 系统监控:提供服务监控(CPU、内存、磁盘等)、缓存监控、连接池监视、操作日志、登录日志等功能,全方位保障系统稳定运行。


快速体验与源码获取

如果你对 Siwu-IoT-Views 感兴趣,可以通过以下方式快速上手:

  • 在线演示:访问 https://dr.fvcpc.cn 进行体验(请注意,演示环境为测试环境,切勿输入生产数据)。

  • 源码地址:项目代码已托管于 Gitee,欢迎 Star 和 Fork。

  • Siwu-IoT-Views 主项目:https://gitee.com/jonehoo/Siwu-IoT-Views

  • 依赖项目 RuoYi-Vue:https://gitee.com/y_project/RuoYi-Vue

  • 依赖项目 Dataroom:https://gitee.com/gcpaas/DataRoom


群贤毕至

访客