0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

【产品应用】打造专属监控大屏,ZWS低代码开发平台等你来试!

AGk5_ZLG_zhiyua 来源:未知 2023-04-03 14:30 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

您是不是也曾被繁琐的编程流程所困扰,想要更快地实现IoT业务需求?那么,低代码开发平台就是您的救星!

7f901f68-d1e8-11ed-bfe3-dac502259ad0.jpg简介

使用ZWS-IoT低代码开发平台,您可以轻松地创建高质量、定制化的业务应用程序。无需深入了解编程语言和开发技术,我们提供了直观且易于使用的图形化界面,让您只需拖拽组件、配置属性即可完成业务应用的开发。

7f901f68-d1e8-11ed-bfe3-dac502259ad0.jpg  应用案例

某光伏企业需要管理和监测多个光伏电站的运营情况,包括发电量、故障信息等,以保证光伏发电系统的正常运行。这些设备分散在不同的区域和位置,如果出现问题,工程师需要快速响应和解决,这对于一个人来说是非常困难的。

为了更好地监控和管理设备,企业需要实现一个电站监控大屏。监控大屏可以实时显示发电量、告警统计等,帮助工程师更好地掌握系统的运行情况,提高能源利用率。

现在,我们来看看在ZWS低代码开发平台中如何快速搭建一个光伏电站监控大屏。

7f901f68-d1e8-11ed-bfe3-dac502259ad0.jpg大屏布局和业务实现

电站监控大屏整体分为5大块,设备地图、电站&告警统计、电站排行、发电统计和发电趋势。首先,根据业务的划分,对界面进行布局拆分,通过【大屏-边框组件】=>配置属性,实现快速的布局。

7fc4fada-d1e8-11ed-bfe3-dac502259ad0.png

1. 设备地图

拖拽【百度地图】组件到【画布】,样式配置栏中,可以选择合适当前主题的地图样式,让整个风格更加自然美观。

7fde7668-d1e8-11ed-bfe3-dac502259ad0.png

2.电站&告警统计

在【大屏-模板组件】中,选择业务场景相似、布局符合的组件,例如【事件数】组件:拖拽【事件数】=>调整文本字段内容=>绑定饼图和文本的数据源。

7ff452ee-d1e8-11ed-bfe3-dac502259ad0.png

3. 电站排行

通过表格的形式展示电站的排行信息:首先拖拽【动态列表】组件到【画布】=>数据源配置。80079a34-d1e8-11ed-bfe3-dac502259ad0.png

设置请求配置、绑定自定义接口=>根据需求选择字段作为表格的列内容。

8043e12e-d1e8-11ed-bfe3-dac502259ad0.png

4.发电统计

发电统计主要展示发电功率、装机容量和当日发电量、累计发电量相关数据,主要由文本内容组成。拖拽【文本】=>配置文本内容、配置数据源。805d907e-d1e8-11ed-bfe3-dac502259ad0.png

圆圈是如何实现的呢?其实很简单:拖拽【矩形】=>大小调整为正方形=>清空背景颜色、设置边框(粗细、颜色、圆角)。

80798040-d1e8-11ed-bfe3-dac502259ad0.png

5. 发电趋势

拖拽【折线图】=>调整图表大小=>绑定数据源。8086c26e-d1e8-11ed-bfe3-dac502259ad0.png

选取字段作为折线图横轴和纵轴的统计字段、还可以在右侧进行图表的样式配置。

80c6b6c6-d1e8-11ed-bfe3-dac502259ad0.png

6.总体大屏效果

完成以上操作后,就可以看到一个专属化的光伏电站监控大屏。80d546a0-d1e8-11ed-bfe3-dac502259ad0.png

感兴趣的用户,如果想了解更多ZLG物联网云平台相关内容,可以点击“阅读原文”跳转到云官网。


声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 致远电子
    +关注

    关注

    13

    文章

    423

    浏览量

    32654

原文标题:【产品应用】打造专属监控大屏,ZWS低代码开发平台等你来试!

文章出处:【微信号:ZLG_zhiyuan,微信公众号:ZLG致远电子】欢迎添加关注!文章转载请注明出处。

收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    什么是代码:代码开发平台详解 5个优质代码平台工具

    企业数字化转型的“加速器”,越来越多企业开始借助代码开发平台降本增效。本文将通俗解读代码
    发表于 04-07 16:03

    2026年代码平台市场综合评测:国内10大代码平台深度解析

    、国内10大代码平台深度测评 1.云表代码平台(综合评分:93.5) 核心定位 云表是国内唯
    发表于 03-30 16:02

    4步,"零代码"搭出专属环保监测大

    想快速搭建专属环保监测系统?ZWS-IoT代码平台拖拽式搭建,4步搞定可视化Web应用,无需复杂编程,轻松实现远程监测。简介每个环保项目都
    的头像 发表于 12-26 11:34 484次阅读
    4步,&amp;quot;零<b class='flag-5'>代码</b>&amp;quot;搭出<b class='flag-5'>专属</b>环保监测大<b class='flag-5'>屏</b>

    1分钟了解ZWS平台:储能云端管、控、维全搞定

    想了解如何高效管理工商储能系统?本文将介绍ZWS工商储能管理云平台的五大核心功能,助力企业提升运营效率与收益。ZWS工商储能管理云平台功能解析ZWS
    的头像 发表于 11-21 11:34 469次阅读
    1分钟了解<b class='flag-5'>ZWS</b>云<b class='flag-5'>平台</b>:储能云端管、控、维全搞定

    主流代码开发平台有哪些:加速数字化转型的核心力量

    在数字化转型浪潮席卷各行各业的当下,企业对快速开发、灵活迭代应用程序的需求日益迫切。代码开发平台凭借其可视化编程、模块化组件和简化
    的头像 发表于 11-03 16:53 704次阅读

    2025支持AI 驱动数字化转型的代码开发平台有哪些

    在数字化转型的浪潮中,代码开发平台凭借其快速开发、降低技术门槛等优势,成为企业构建数字化应用的核心工具。2025年,随着AI技术深度融合与
    的头像 发表于 10-31 13:18 423次阅读

    代码开发平台推荐:2025国内代码开发平台排名TOP10

    代码开发平台排行榜 在企业数字化转型的浪潮中,代码开发
    的头像 发表于 10-28 10:22 954次阅读

    2025主流代码平台有哪些:代码开发平台选型指南指南

    在企业数字化转型进入深水区的当下,代码开发平台已从早期的“效率工具”升级为“核心基建”。其工程化能力、流程适配深度、技术延展性与行业积淀,直接决定了企业转型的成效。据Gartner预
    的头像 发表于 10-22 11:49 535次阅读

    工业物联网平台有哪些代码应用

    在工业物联网领域,代码平台通过可视化开发、模块化组件和预置模板,显著降低了开发门槛和周期,同时支持灵活扩展与集成。以下是工业物联网
    的头像 发表于 09-24 14:49 740次阅读

    物联网平台应用环境监控代码零编程简化开发,组态应用

    传统环境监控系统开发常陷入两难困境,企业开发周期长、开发维护成本贵,基层运维人员不懂技术,遇到参数调整只能依赖IT团队。而物联网平台驱动的环
    的头像 发表于 08-29 15:33 1080次阅读

    代码物联网平台典型场景落地全流程:从需求到实现的路径解析

    代码物联网平台将物联网的设备接入、数据传输、分析决策与代码的可视化开发深度融合,为工业
    的头像 发表于 08-21 16:26 987次阅读

    代码物联网云平台是什么?看完这篇,你就领先一步

    在物联网技术快速渗透各行各业的今天,代码物联网云平台正成为打通设备互联、数据分析与业务应用的核心载体。它并非简单的技术叠加,而是融合了代码
    的头像 发表于 08-14 15:16 800次阅读

    代码开发平台是什么?零编程零成本搭建

    代码物联网云平台是种融合了代码开发能力与物联网(IoT)技术的云端服务
    的头像 发表于 07-31 15:25 874次阅读

    代码,搭出专属PLC监控

    不同行业PLC需监测的数据各异,ZWS-IoT代码平台通过CATCOM-100网关接入PLC数据,快速搭建专属IoT
    的头像 发表于 07-03 11:35 542次阅读
    零<b class='flag-5'>代码</b>,搭出<b class='flag-5'>专属</b>PLC<b class='flag-5'>监控</b>大<b class='flag-5'>屏</b>

    物联网+代码:解锁高效开发,纵横智控Node-RED平台引领新范式

    物联网的星辰大海已近在眼前,但抵达彼岸的航程需要更高效的桨帆。代码开发,特别是以Node-RED为代表的可视化流编程范式,正在大幅降低物联网应用开发的技术门槛和成本,释放创新潜能。成
    的头像 发表于 06-28 14:53 1763次阅读
    物联网+<b class='flag-5'>低</b><b class='flag-5'>代码</b>:解锁高效<b class='flag-5'>开发</b>,纵横智控Node-RED<b class='flag-5'>平台</b>引领新范式