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

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

3天内不再提示

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

ZLG致远电子 2023-07-31 16:59 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

使用ZWS-IoT低代码开发平台,可以快速搭建不同web应用页面,以及多个页面的物联网应用系统。本文将介绍通过ZWS-IoT低代码开发平台如何自主搭建一个智慧环保系统。

971ac9ee-2f80-11ee-bbcf-dac502259ad0.jpg  简介

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

972375d0-2f80-11ee-bbcf-dac502259ad0.gif

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


981295fc-2f80-11ee-bbcf-dac502259ad0.jpg  前期准备

  1. 注册/登录ZWS物联网云平台账号

用DTU(CATCOM-100)或者网关将环保检测设备连接到ZWS物联网云平台。


981295fc-2f80-11ee-bbcf-dac502259ad0.jpg  环保系统搭建

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

982d1972-2f80-11ee-bbcf-dac502259ad0.png

添加左侧菜单项。

9864930c-2f80-11ee-bbcf-dac502259ad0.gif

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

988e002a-2f80-11ee-bbcf-dac502259ad0.png

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

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

98b148d2-2f80-11ee-bbcf-dac502259ad0.png

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

9919dae6-2f80-11ee-bbcf-dac502259ad0.png

3. 日数据查询

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

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

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

999603dc-2f80-11ee-bbcf-dac502259ad0.png

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

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

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

99ef6620-2f80-11ee-bbcf-dac502259ad0.png

折线图数据源配置:

9a373cf2-2f80-11ee-bbcf-dac502259ad0.png

最终效果图:

9a70ee5c-2f80-11ee-bbcf-dac502259ad0.png

5. 日报

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

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

数据源配置如图:

9a8a917c-2f80-11ee-bbcf-dac502259ad0.png添加过滤脚本:

9ac82ca8-2f80-11ee-bbcf-dac502259ad0.png

日报实现效果图:

9af036a8-2f80-11ee-bbcf-dac502259ad0.gif

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

    关注

    2939

    文章

    47317

    浏览量

    407765
  • 代码
    +关注

    关注

    30

    文章

    4941

    浏览量

    73137
  • IOT
    IOT
    +关注

    关注

    189

    文章

    4369

    浏览量

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

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

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

    ”,其技术深度、行业适配性与生态完整性直接决定企业转型成效。本文基于行业趋势与用户需求,梳理2025年国内代码开发平台,并对比分析其与得帆
    的头像 发表于 10-31 13:18 142次阅读

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

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

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

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

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

    复杂开发转化为“拖拽组件、关联设备”的简单操作,让企业无需编程也能快速搭建、灵活调整监控系统,适配工业、园区、农业等多场景环境监控需求。
    的头像 发表于 08-29 15:33 605次阅读

    无需代码,轻松搭建IOT 物联网管理平台重构智慧楼宇服务体系

    在物联网技术与城市治理深度融合的今天,智慧城市建设面临设备类型繁杂、数据孤岛严重、开发周期漫长等挑战。代码物联网平台以可视化开发 + 跨设
    的头像 发表于 08-22 16:17 555次阅读

    智能工厂场景零成本搭建,工业管理模式升级:代码平台的双重价值

    在工业4.0浪潮下,智能工厂成为制造业转型的核心目标,但传统工业控制系统开发周期长、成本高、技术门槛高的问题,让许多中小企业望而却步。代码平台的出现打破了这
    的头像 发表于 08-20 16:57 734次阅读

    IOT平台解决方案如何广泛应用物联网场景?代码组态开发是关键

    在物联网技术全面普及的当下,设备互联与数据价值挖掘成为企业数字化转型的核心诉求。IOT物联网平台通过“跨设备数据关联”技术打破了设备间的信息孤岛,同时以“零编程、零成本”的应用搭建模式
    的头像 发表于 08-15 17:16 821次阅读

    解锁应用场景搭建新方式:IOT 物联网平台的跨设备数据关联与零编程零成本

    。这种“平台+代码”的解决方案,通过可视化组态工具与云端能力的结合,正在重塑物联网应用的开发与部署模式,广泛适用于工业制造、智慧农业、城市
    的头像 发表于 08-15 17:15 870次阅读

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

    联网云平台作为连接物理设备与数字世界的核心枢纽,其功能设计围绕设备管理、数据流转、应用开发、业务赋能四大维度展开。 、核心能力 代码/零
    的头像 发表于 07-31 15:25 580次阅读

    代码,搭出专属PLC监控大屏

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

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

    代码平台凭借其强大的功能和灵活的应用场景,正在成为企业数字化转型的重要推手。通过简化开发流程、提升
    的头像 发表于 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系统,提升生产效率

    和交付应用软件,全方位降低软件的开发、配置、部署和培训的成本。 二、代码平台搭建MES系统的优
    的头像 发表于 01-23 09:37 586次阅读
    <b class='flag-5'>低</b><b class='flag-5'>代码</b><b class='flag-5'>平台</b>:快速<b class='flag-5'>搭建</b>与优化MES<b class='flag-5'>系统</b>,提升生产效率

    代码在敏捷开发中的应用

    代码平台的定义 代码平台提供了
    的头像 发表于 01-07 09:58 748次阅读

    超级干货!本地搭建代码托管平台Gitea

    1关于GiteaGitea是轻量级的Git托管服务,也就是基于Git的代码托管平台,类似于GitHub、Gitee等。Gitea相对于其他代码
    的头像 发表于 12-19 19:33 1287次阅读
    超级干货!本地<b class='flag-5'>搭建</b><b class='flag-5'>代码</b>托管<b class='flag-5'>平台</b>Gitea