# 物联云组态 **Repository Path**: cl799807906/webTopo ## Basic Information - **Project Name**: 物联云组态 - **Description**: 云组态，一拖一拽，自建大屏，专注于物联网开发，可以广泛应用于化工、石化、制药、冶金、建材、市政、环保、电力等几十个行业。 - **Primary Language**: Java - **License**: Not specified - **Default Branch**: master - **Homepage**: https://www.yuque.com/longlong-jtoqy/wzqn3q/webtopo - **GVP Project**: No ## Statistics - **Stars**: 177 - **Forks**: 70 - **Created**: 2023-07-11 - **Last Updated**: 2026-04-17 ## Categories & Tags **Categories**: iot **Tags**: Vue, Java ## README 平台地址 1.体验网址物联云组态(企业版)：体验账号：ztyh 123456 http://117.72.47.218:10071 物联云组态(组态版)：体验账号：ztyh 123456 http://117.72.47.218:11060 2.技术栈 1.****框架依托于若依框架，符合中小企业的开发需求。 2.微信小程序、安卓APP是基于uniapp****开发的。 3.2D云组态是基于vue开发的，内嵌elementUI****，符合大众开发习惯。 4.3D云组态编辑器是基于threeJS开发的，需要你方开发人员有开发threejs****的经验 5.基于mqtt****实现设备与云组态之间的即时通讯，实现毫秒级响应。实现功能： 1.****复制、粘贴、删除 2.****置顶、置顶 3.****旋转、对齐、组合、锁定 4.导入****、导出、撤销、恢复 5.预览、保存、一拖一拽、自建大屏 6.以MQTT实现即时通讯以及设备控制指令下发****。 7.内置3D模拟器，可以支持ThreeJs****的渲染。 8.****内含近五千的工业组态图，你想要的应有尽有。 9.****内含设备地图、设备管理、报警管理、工单管理、短信管理、图库管理、数据中心等。 10****、自定义报警配置、自定义短信配置、自定义图库配置、自定义协议解析引擎、定时管理等。 11、萤石云、国标GB28181视频集成。协议操作文档 MQTT服务IP：117.72.47.218 端口：1883 账号：emqx 密码：public LXJZVK0MR6NKM8B：产品秘钥 86868686868686：设备编号 dataId:预览数据变量标识 value:预览数据变量值 1. 心跳数据协议主题：/LXJZVK0MR6NKM8B/86868686868686/properties/report 协议数据： [{“dataId”:“Y2”,“value”:“98”},{“dataId”:“sd”,“value”:“41”},{“dataId”:“sw”,“value”:“53”},{“dataId”:“temp”,“value”:“18”},{“dataId”:“yw1”,“value”:“5”}] 自定义协议数据，仅供参考： [{“t”:“bool”,“n”:“temp”,“u”:“”,“v”:“0”},{“t”:“bool”,“n”:“sd”,“u”:“”,“v”:“1”}] 注意：自定义协议包最终转换数据如下，平台只解析以下协议： [{“dataId”:“Y2”,“value”:“98”},{“dataId”:“sd”,“value”:“41”},{“dataId”:“sw”,“value”:“53”},{“dataId”:“temp”,“value”:“18”},{“dataId”:“yw1”,“value”:“5”}] 2. 实时数据协议（仅用于页面实时刷新，不存储）主题：/86868686868686/properties/preview 协议数据： [{“dataId”:“Y2”,“value”:“98”},{“dataId”:“sd”,“value”:“41”},{“dataId”:“sw”,“value”:“53”},{“dataId”:“temp”,“value”:“18”},{“dataId”:“yw1”,“value”:“5”}] dataId:变量标识 value:变量值 3. 变量设置协议指令下发主题：/LXJZVK0MR6NKM8B/86868686868686/properties/post 指令下发数据帧示例： {“dataId”:“kg”,“value”:1} 指令下发回复主题：/LXJZVK0MR6NKM8B/86868686868686/properties/post/reply 回复数据帧示例： [{“dataId”:“kg”,“value”:“1”}] 4. 数据读取协议指令下发主题：/LXJZVK0MR6NKM8B/86868686868686/properties/read 指令下发数据帧示例： {“dataId”:“kg”} 指令下发回复主题：/LXJZVK0MR6NKM8B/86868686868686/properties/read/reply 回复数据帧示例： [{“dataId”:“kg”,“value”:“1”}] 5.设备升级协议 1)平台升级下发主题：/LXJZVK0MR6NKM8B/86868686868686/upgrade/post 数据帧示例： {“isSubpackage”:1,“packageTotal”:271,“uploadPath”:“C:/ruoyi/uploadPath/upload//2023/12/28/FM33LC0_APP_20231228112615A001.bin”,“packageSize”:128} 2)设备请求升级包主题：/LXJZVK0MR6NKM8B/86868686868686/upgrade/get 数据帧示例： {“imei”:“868986545896545”,“packageNum”:271,“packageSize”:128,“packageTotal”:271,“uploadPath”:“C:/ruoyi/uploadPath/upload//2023/12/28/FM33LC0_APP_20231228112615A001.bin”} 3)平台发送升级包主题：/{productId}/{deviceId}/upgrade/package/post 数据帧示例： {“packageNum”:100,“packageSize”:128,“packageContent”:[95,-11,0,-112,2,-108,3,-108,105,70,1,-107,4,-108,48,70,-1,-9,-7,-8,-88,2,0,-112,2,-108,3,-108,105,70,1,-107,4,-108,48,70,-1,-9,-17,-8,51,78,0,-107,-128,54,2,-108,3,-108,105,70,48,70,1,-107,4,-108,-1,-9,-28,-8,-80,105,40,67,-80,97,8,32,0,-112,43,72,2,-108,3,-108,105,70,1,-107,4,-108,64,48,-1,-9,-42,-8,2,32,0,-112,2,-108,3,-108,105,70,1,-107,4,-108,48,70,-1,-9,-52,-8,-80,105,2,33,8,67,-80,97,1,-108,2,-108,3,-108,105,70,48,70,0,-105,-12,80,13,10],“packageTotal”:271} 组态操作文档 1.新建产品设备中心->公共产品

2.新增产品模型新增设备会自动导入产品中的模型

3.新增设备设备中心->设备管理

4.新建设备模型

变量标识对应心跳数据帧dataId，用于组态页面绑定参数，实时刷新。 5.设备详情选中组态管理

6.新增组态页面选择主组态的页面会在设备详情的设备监控tab中显示。

7.点击组态列表的编辑

组态编辑器操作文档 1、跑马灯组件

配置右侧布局页面的文字参数即可修改跑马灯的文字显示效果。可配置通信动画：显隐、旋转、闪烁、滑动，动画需绑定参数和上传mqtt消息起效 2、轮播图组件配置右侧布局页面的轮播图片，上传图片即可实现轮播。

3、表格组件功能：增加行列；合并单元格；修改单元格字体大小、颜色、背景色；绑定变量等。 ${sd}：绑定参数湿度，发送数据，表格实时刷新；

4、面板组件选择右侧配置参数组态页面，面板即可加载其他组态界面。

5、文字组件用于文字显示可配置自定义事件：

可配置通信动画：显隐、旋转、闪烁、滑动，动画需绑定参数和上传mqtt消息起效 6、数显框组件配置变量参数，实时监听变量变化，数据绑定与设备管理中的物模型一一关联。可配置自定义事件：

可配置通信动画：显隐、旋转、闪烁、滑动，动画需绑定参数和上传mqtt消息起效 7、状态开关配置布局中的图片选择，显示默认的图片，用于切换开关状态。配置自定义事件，用于组件单击等。 3）可选中两个图片，右键组合为状态。

3）配置状态开关参数，一般遵从互斥原则，根据mqtt上传的参数的不同值来显示不同的图片。

主题：/86868686868686/properties/preview 消息：{“A1”:0}， A1为风机开关对应的变量标识。 86868686868686为组态规定的设备的编号。 A1为0时，显示状态0的图片 A2为1时，显示状态1的图片 8、水流组件

1）配置水流绑定参数以及水流的流动配置，水流的变化是根据mqtt的消息实时变化。 2）开启锚点绑定，拖拽锚点实现组件和水流之间自动绑定。 3）组件配置连线，实现实现组件和水流之间自动绑定。

9、液位组件配置变量参数，根据mqtt的消息实时变化。

10、萤石云组件

配置视频中心的萤石云参数，可实现视频监控。 11、M3U3直播视频流配置直播视频流地址，实现视频监控。 12、MP4视频组件配置MP4地址 13、时间组件用于时间显示 14、高德地图初始化高德地图组件，用于物联设备统一地图显示。 15、百度地图初始化高德地图组件，用于物联设备统一地图显示。 16、天气组件配置省、市、区，来显示不同地方的天气，

17、实时记录轮播显示设备管理的物模型历史记录，右边侧边栏可配置表格的属性。

18、报警记录轮播显示设备的报警记录

19、历史记录

20、三维模型上传并展示三维模型。

1）模型上传，可以上传多个3D模型, 2）上传模型后可以得到模型的配置项：坐标、旋转、缩放，进行微调3D模型的显示 3）操作模型时，需把模型组件锁定，要不然会拖拽失调。

21、VR场景选择图库中的全景图片，可以实现VR360°展示画面。 22、远程网页填写右侧参数的远程网页，然后加载即可。

23、Http组件 1）配置Http请求地址以及间隔 2）配置数据引擎，用于解析响应数据，window.emitter.emit：全局mitt函数，用于更新组件数据。示例： data.forEach(ele => { window.emitter.emit(ele.dataId,ele.value) }); return data