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

    文章

    421

    浏览量

    32375

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

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

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

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    代码,搭出专属PLC监控

    不同行业PLC需监测的数据各异,ZWS-IoT代码平台通过CATCOM-100网关接入PLC数据,快速搭建专属IoT
    的头像 发表于 07-03 11:35 339次阅读
    零<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 1136次阅读
    物联网+<b class='flag-5'>低</b><b class='flag-5'>代码</b>:解锁高效<b class='flag-5'>开发</b>,纵横智控Node-RED<b class='flag-5'>平台</b>引领新范式

    代码平台:数字化时代的开发加速器与业务创新引擎

    代码平台凭借其强大的功能和灵活的应用场景,正在成为企业数字化转型的重要推手。通过简化开发流程、提升开发效率,
    的头像 发表于 02-26 16:34 756次阅读
    <b class='flag-5'>低</b><b class='flag-5'>代码</b><b class='flag-5'>平台</b>:数字化时代的<b class='flag-5'>开发</b>加速器与业务创新引擎

    代码与传统开发的区别 代码与无代码开发的区别

    在软件开发领域,传统开发代码开发以及无代码开发
    的头像 发表于 01-31 10:48 1054次阅读

    代码平台:快速搭建与优化MES系统,提升生产效率

    一、代码平台概述 代码平台是一种可视化的软件高效开发
    的头像 发表于 01-23 09:37 586次阅读
    <b class='flag-5'>低</b><b class='flag-5'>代码</b><b class='flag-5'>平台</b>:快速搭建与优化MES系统,提升生产效率

    代码在敏捷开发中的应用

    代码平台的定义 代码平台提供了一个可视化的、拖放式的用户界面,允许
    的头像 发表于 01-07 09:58 748次阅读