怎么搭建一个云组态?
云组态是指通过可视化拖拽组件的方式,低代码搭建监控大屏、web页面。物联网各行业的数据以及监控场景,每个行业的业务不同,需要展示的页面也不同。组态快速搭建页面的优势,能更好的满足不同定制化监控页面的需求。
介绍一个简单储能大屏案例,是通过云组态搭建而成的。
云组态
1、 登录ZWS云平台(https://www.zlgcloud.com/web/index.html)
2、 点击左侧菜单【组态应用】,点击【添加组态】,输入组态名称和描述。
3、 创建完成后,点击卡片内的【编辑】,跳转到编辑组态页面。
4、 可以看到, 左侧是组件区,中间是画布区,右侧是属性配置区。
文本组件
左击文本组件,不松开,拖拽到画布区,点击选中组件,右侧可以配置文本组件的属性。
可以调整文本框的宽高。(宽度不够文字会换行,可以调整宽度)
也可以设置文本内容和文本颜色
界面中如果需要显示动态数据的文本,比如储能数据中的值是动态的,可以配置文本框的数据属性,点击【数据】。
绑定设备、绑定数据点,点击【确定】即可。
矩形组件
点击矩形组件,不松开,拖拽到画布区,点击选中组件,右侧可以配置矩形组件的属性。
图片组件
点击图片组件,不松开,拖拽到画布区,点击选中组件,配置图片属性。
折线图组件
点击折线图组件,不松开,拖拽到画布区,配置折线图属性。选择数据源类型,自定义接口,输入请求地址、过滤脚本即可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端