怎么搭建一个云组态?

云组态是指通过可视化拖拽组件的方式,低代码搭建监控大屏、web页面。物联网各行业的数据以及监控场景,每个行业的业务不同,需要展示的页面也不同。组态快速搭建页面的优势,能更好的满足不同定制化监控页面的需求。

介绍一个简单储能大屏案例,是通过云组态搭建而成的。

 

 云组态

1、  登录ZWS云平台(https://www.zlgcloud.com/web/index.html)

2、  点击左侧菜单【组态应用】,点击【添加组态】,输入组态名称和描述。

3、  创建完成后,点击卡片内的【编辑】,跳转到编辑组态页面。

4、 可以看到, 左侧是组件区,中间是画布区,右侧是属性配置区。

文本组件

左击文本组件,不松开,拖拽到画布区,点击选中组件,右侧可以配置文本组件的属性。

可以调整文本框的宽高。(宽度不够文字会换行,可以调整宽度)

也可以设置文本内容和文本颜色

 

界面中如果需要显示动态数据的文本,比如储能数据中的值是动态的,可以配置文本框的数据属性,点击【数据】。

 绑定设备、绑定数据点,点击【确定】即可。

矩形组件

点击矩形组件,不松开,拖拽到画布区,点击选中组件,右侧可以配置矩形组件的属性。

 

图片组件

点击图片组件,不松开,拖拽到画布区,点击选中组件,配置图片属性。

 

 

 

折线图组件

点击折线图组件,不松开,拖拽到画布区,配置折线图属性。选择数据源类型,自定义接口,输入请求地址、过滤脚本即可。

 

posted @   得闲饮茶9529  阅读(500)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端
点击右上角即可分享
微信分享提示