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

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

3天内不再提示

【产品应用】如何通过ZWS-IoT低代码开发平台搭建一个环保系统

AGk5_ZLG_zhiyua 来源:未知 2023-06-08 19:15 次阅读
使用ZWS-IoT低代码开发平台,可以快速搭建不同web应用页面,以及多个页面的物联网应用系统。本文将介绍通过ZWS-IoT低代码开发平台如何自主搭建一个智慧环保系统。

028c2c4e-05ed-11ee-962d-dac502259ad0.jpg  简介ZWS-IoT低代码开发平台是一款以图形化、拖拽方式并辅以少量代码就能快速搭建企业数字化应用的工具平台。提供了常用的基础组件、工业组件(用于工业生产场景)、大屏组件(用于展示大量数据)以及业务组件(物联网相关业务),无需深入了解编程语言和开发技术,只需简单地拖拽组件即可快速搭建物联网Web 应用。不同行业的物联网平台,对数据监测的web页面样式、功能模块的要求都各有差异。使用ZWS-IoT低代码开发平台,可以快速搭建不同web应用页面,以及多个页面的物联网应用系统。比如,智慧环保系统主要包括:实时数据、小时数据统计、日数据统计、月数据统计、报表导出等页面。主要展示数据指标有:PM2.5、PM10、二氧化硫、二氧化氮、一氧化碳、臭氧等,根据这些指标计算空气指令指数(AQI)、单因子分析、单设备分析、报表数据统计等等。要实现的效果如下:

029f7024-05ed-11ee-962d-dac502259ad0.gif

下文将具体介绍环保系统核心的搭建步骤。

03097172-05ed-11ee-962d-dac502259ad0.jpg  前期准备
  1. 注册/登录ZWS物联网云平台账号:https://www.zlgcloud.com
  2. 用DTU(CATCOM-100)或者网关将环保检测设备连接到ZWS物联网云平台,参见往期文章《CATCOM-100搭配ZWS物联网云平台,实现Modbus设备上云》。

03097172-05ed-11ee-962d-dac502259ad0.jpg  环保系统搭建

1.菜单栏配置在右侧属性配置栏目中,找到【顶部栏】和【左导航】,启用对应的【排列方式】。

0334997e-05ed-11ee-962d-dac502259ad0.png

添加左侧菜单项。

0358416c-05ed-11ee-962d-dac502259ad0.gif

然后在【页面目录】中新建页面;在【菜单链接配置】=>【目标链接】选择当前应用对应页面,即可完成菜单和页面的关联。配置效果图如下:

03cfe546-05ed-11ee-962d-dac502259ad0.png

2. GIS地图展示GIS地图展示页面,用于查看不同设备的地理分布以及点位详情。可以用地图组件和抽屉组件实现。

地图配置:拖拽地图组件=>标记数据配置=>选择表格数据=>设备表=>选择设备类型,这样地图上就能够展示设备的地理信息坐标了。

0414614e-05ed-11ee-962d-dac502259ad0.png

地图中的设备详情配置:拖拽抽屉组件=>配置参数

0438f4e6-05ed-11ee-962d-dac502259ad0.png

3. 日数据查询

日数据查询,用于查看每日各项环保数据指标的平均值。可以用周期统计表组件来实现。拖拽【周期统计表】后进行数据配置,如图所示:047b2672-05ed-11ee-962d-dac502259ad0.png

周期统计表可以配置筛选项表单、筛选项按钮、分页配置以及表格的基础属性配置。

其中筛选项表单可以预先配置将要查询的设备类型、统计纬度、统计类型、统计时间等,通过不同的配置组合,可以实现每小时/日/周/月/年的数据查询。

04a9c4b4-05ed-11ee-962d-dac502259ad0.png

4. 日单因子分析、日单设备分析

日单因子分析主要是查询某个因子的数据信息,而单设备分析在查询条件上可以同时选择多个因子。点位名称配置:可选值=>表格数据=>设备表=>设备类型。04cbe0a8-05ed-11ee-962d-dac502259ad0.png

因子数据源配置:获取因子选择列表。

04f34b8e-05ed-11ee-962d-dac502259ad0.png

折线图数据源配置:

05201830-05ed-11ee-962d-dac502259ad0.png

最终效果图:

054261ba-05ed-11ee-962d-dac502259ad0.png

5. 日报

日报主要根据污染物数据,计算对应的空气质量指数(AQI)、污染物的变化趋势、各点位污染物浓度和环比情况、浓度排名等。

数据源配置通过请求自定义接口,根据各自的功能需求,利用接口的提供污染物的统计基础数据,结合过滤脚本生成出最终的展示数据。

数据源配置如图:

0561be48-05ed-11ee-962d-dac502259ad0.png添加过滤脚本:

05a52624-05ed-11ee-962d-dac502259ad0.png

日报实现效果图:

05d4d2a2-05ed-11ee-962d-dac502259ad0.gif

感兴趣的用户,如果想了解更多ZLG物联网云平台相关内容,可以查阅云官网:https://www.zlgcloud.com

03097172-05ed-11ee-962d-dac502259ad0.jpg技术交流长按识别如下二维码可加入“EsDA嵌入式系统设计自动化交流群”,与志同道合的朋友交流,并有专业技术人员为您答疑解惑,如有问题可以咨询小致微信zlgmcu-888。

0646858c-05ed-11ee-962d-dac502259ad0.png


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

    关注

    13

    文章

    397

    浏览量

    31066

原文标题:【产品应用】如何通过ZWS-IoT低代码开发平台搭建一个环保系统

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

收藏 人收藏

    评论

    相关推荐

    产品应用ZWS平台应用(3)-设备基于DTU接入

    传统设备要接入物联网,选择什么方式比较好?本文将介绍通过DTU智能网联终端CATCOM-100接入ZWS物联网云平台的功能。对于一些工业制造、机械设备对温度有特殊的要求,我们就需要控制温度。这些设备
    的头像 发表于 03-29 08:23 115次阅读
    【<b class='flag-5'>产品应用</b>】<b class='flag-5'>ZWS</b>云<b class='flag-5'>平台</b>应用(3)-设备基于DTU接入

    LoRa ZWS云应用(3)-智能抄表组态大屏篇

    抄表业务有各种各样的个性化需求,低代码平台的自定义搭建监控组态大屏的能力,能帮助厂商快速开发复杂多变的页面需求。本文将介绍通过
    的头像 发表于 01-17 08:24 437次阅读
    LoRa  <b class='flag-5'>ZWS</b>云应用(3)-智能抄表组态大屏篇

    如何用“搭积木“方式快速搭建智慧工厂大屏

    传统的工厂管理方式里,管理层缺乏一个可视化的工具来实现对工厂生产的整体管理。通过ZWS云低代码平台,可以使用“搭积木“的方式快速搭建出一个智
    的头像 发表于 12-06 08:24 188次阅读
    如何用“搭积木“方式快速<b class='flag-5'>搭建</b>智慧工厂大屏

    一文教你读懂ZWS云的可视化开发

    在物联网项目中,不同行业的需求有差异,需要开发不同界面的 SaaS 应用,为解决用户开发应用难问题,ZWS平台支持可视化开发,用户可以像
    的头像 发表于 11-09 15:20 241次阅读

    基于ZWS云低代码平台的智慧工厂监控大屏应用

    智慧工厂是现代工厂信息化发展的新阶段,利用物联网服务,能够清楚掌握生产流程,提高生产过程的可控性。运用致远电子的ZWS云低代码平台搭建工厂数据监控大屏,能够实时掌握工厂生产信息,使生
    的头像 发表于 11-03 08:25 252次阅读
    基于<b class='flag-5'>ZWS</b>云低<b class='flag-5'>代码</b><b class='flag-5'>平台</b>的智慧工厂监控大屏应用

    产品应用】如何通过ZWS-IoT代码开发平台搭建一个环保系统

    使用ZWS-IoT代码开发平台,可以快速搭建不同web应用页面,以及多个页面的物联网应用系统
    的头像 发表于 07-31 16:59 315次阅读
    【<b class='flag-5'>产品应用</b>】如何<b class='flag-5'>通过</b><b class='flag-5'>ZWS-IoT</b>低<b class='flag-5'>代码</b><b class='flag-5'>开发</b><b class='flag-5'>平台</b><b class='flag-5'>搭建</b>一个<b class='flag-5'>环保</b><b class='flag-5'>系统</b>

    ZLG致远电子2023年文章月度回顾 | 2023.06期

    ZWSZWS平台 ꔷ  如何通过ZWS-IoT代码
    的头像 发表于 07-06 11:40 312次阅读

    产品应用】如何利用IoT平台统计设备数据?— 下载篇

    在云平台统计完设备数据后,有时需要下载统计数据。以往是把统计数据全部打包下载,这不仅数据量大,而且格式单一,不便于二次分析。为此,ZWS平台支持通过编写脚本来提取统计数据、转换成不同
    的头像 发表于 06-07 10:28 301次阅读
    【<b class='flag-5'>产品应用</b>】如何利用<b class='flag-5'>IoT</b>云<b class='flag-5'>平台</b>统计设备数据?— 下载篇

    产品应用】如何利用IoT平台统计设备数据?— 进阶篇

    。应用场景上一篇《如何利用IoT平台统计设备数据?—基础篇》介绍了如何运用ZWS平台中的内置统计算法进行数据统计,这次将介绍如何创建自定义统计算法。为什么需要自
    的头像 发表于 05-30 17:18 269次阅读
    【<b class='flag-5'>产品应用</b>】如何利用<b class='flag-5'>IoT</b>云<b class='flag-5'>平台</b>统计设备数据?— 进阶篇

    产品应用】如何利用IoT平台统计设备数据?— 进阶篇

    。    应用场景 上一篇《 如何利用IoT平台统计设备数据?— 基础篇 》介绍了如何运用ZWS平台中的内置统计算法进行数据统计,这次将介绍如何创建自定义统计算法。 为什么需要自定
    的头像 发表于 05-23 15:10 323次阅读
    【<b class='flag-5'>产品应用</b>】如何利用<b class='flag-5'>IoT</b>云<b class='flag-5'>平台</b>统计设备数据?— 进阶篇

    产品应用】如何利用IoT平台统计设备数据?— 基础篇

    通过查询设备历史数据,可以看到数据一段时间的变化,如果想将设备数据进行进一步处理和聚合,数据统计必不可少。本文将介绍如何使用ZWS平台的数据统计功能,以及内置算法的实例操作。应用场景设备上报
    的头像 发表于 05-19 10:40 297次阅读
    【<b class='flag-5'>产品应用</b>】如何利用<b class='flag-5'>IoT</b>云<b class='flag-5'>平台</b>统计设备数据?— 基础篇

    产品应用】如何利用IoT平台统计设备数据?— 基础篇

    通过查询设备历史数据,可以看到数据一段时间的变化,如果想将设备数据进行进一步处理和聚合,数据统计必不可少。本文将介绍如何使用ZWS平台的数据统计功能,以及内置算法的实例操作。    应用场景 设备
    的头像 发表于 05-18 13:05 310次阅读
    【<b class='flag-5'>产品应用</b>】如何利用<b class='flag-5'>IoT</b>云<b class='flag-5'>平台</b>统计设备数据?— 基础篇

    产品应用】CATCOM-100搭配ZWS物联网云平台,实现Modbus设备上云

    Modbus协议是应用于控制器上的一种通用标准,常被用于本地集中监控。在平台数字化需求推动下,如何能快速实现设备上云?本文将介绍通过CATCOM-100和ZWS物联网云平台实现Modb
    的头像 发表于 05-15 10:36 252次阅读
    【<b class='flag-5'>产品应用</b>】CATCOM-100搭配<b class='flag-5'>ZWS</b>物联网云<b class='flag-5'>平台</b>,实现Modbus设备上云

    致远电子2023年文章月度回顾 | 2023.04期

    转换】Modbus转CANopen协议 ꔷ  ZWS平台产品应用】如何通过ZWS-IoT代码
    的头像 发表于 05-11 20:17 274次阅读

    产品应用ZWS物联网云平台如何下发命令给设备?

    对于一些位于偏远环境的设备,可以远程配置或控制设备显得尤为重要。ZWS云从设计之初就充分考虑了这一需求,支持云端远程下发命令给设备。介绍ZWS平台是致远电子研发的通用物联网云平台,提
    的头像 发表于 05-08 09:47 541次阅读
    【<b class='flag-5'>产品应用</b>】<b class='flag-5'>ZWS</b>物联网云<b class='flag-5'>平台</b>如何下发命令给设备?