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

    文章

    412

    浏览量

    31976

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

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

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

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    拖拽就能开发?物联网代码平台的核心功能+应用优势大盘点

    在万物互联的数字化时代,物联网(IoT)技术正在重塑产业形态与生活模式。作为连接海量设备、处理庞大数据、驱动智能决策的“中枢大脑”,物联网平台的出现,以“代码”为核心突破口,将复杂的物联网
    的头像 发表于 08-01 17:10 ?244次阅读

    从功能到优势:物联网代码平台,让智能应用开发变简单

    在万物互联的时代,物联网平台早已不是技术人员专属的“专业工具”,而是成为普通人也能轻松上手的“智能应用搭建平台”。核心价值在于打破设备壁垒、简化开发流程,让用户无需编程基础,就能通过拖
    的头像 发表于 08-01 17:09 ?198次阅读

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

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

    代码物联网云平台功能解析:从设备接入到智能应用

    当传统物联网项目深陷“开发周期长、技术门槛高、数据孤岛多”的泥潭,代码物联网云平台正以“拖拽式开发、分钟级部署、多端无界协同”的能力,成为
    的头像 发表于 07-31 15:23 ?136次阅读

    代码,搭出专属PLC监控

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

    EM储能网关 ZWS智慧储能云应用(10) — 智能化电站管理

    ZWS智慧储能云平台针对储能电站监控管理等问题,通过整合设备监控、收益统计与策略下发等核心功能,为用户提供一站式的智能化电站管理解决方案,助力实现电站高效运维与收益优化。简介近年来,储
    的头像 发表于 03-28 11:37 ?404次阅读
    EM储能网关 <b class='flag-5'>ZWS</b>智慧储能云应用(10) — 智能化电站管理

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

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

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

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

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

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

    代码在敏捷开发中的应用

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

    代码开发平台,低成本快速搭建云MES系统

    代码平台是一种可视化的软件高效开发平台,通过抽象和最小化手工编码的方式,为开发和部署定制化应用
    的头像 发表于 11-18 15:43 ?502次阅读
    <b class='flag-5'>低</b><b class='flag-5'>代码</b><b class='flag-5'>开发</b><b class='flag-5'>平台</b>,低成本快速搭建云MES系统

    代码物联网云平台是什么?有什么功能?

    平台应运而生,为开发者提供了一种简便、高效的方式来构建物联网解决方案。 ? 什么是代码物联网云平台
    的头像 发表于 10-16 13:59 ?689次阅读

    EsDA,一站式嵌入式软件

    EsDA是一套面向工业智能物联领域的嵌入式系统设计自动化工具集,包含实时操作系统AWorksLP、代码开发平台AWStudio、资源管理平台
    的头像 发表于 09-15 08:10 ?814次阅读
    EsDA,一站式嵌入式软件

    万界星空科技公司推出AI代码MES,引领制造业智能化新潮流

    万界星空科技公司的AI代码MES凭借其独特的优势,正逐渐成为制造业的新宠。该系统结合了人工智能技术和代码开发
    的头像 发表于 08-14 11:09 ?699次阅读
    万界星空科技公司推出AI<b class='flag-5'>低</b><b class='flag-5'>代码</b>MES,引领制造业智能化新潮流