使用ZWS-
IoT低代码开发平台,可以快速搭建不同web应用页面,以及多个页面的
物联网应用系统。本文将介绍通过ZWS-IoT低代码开发平台如何自主搭建一个智慧环保系统。
简介ZWS-IoT低代码开发平台是一款以图形化、拖拽方式并辅以少量代码就能快速搭建企业数字化应用的工具平台。提供了常用的基础组件、工业组件(用于工业生产场景)、大屏组件(用于展示大量数据)以及业务组件(物联网相关业务),无需深入了解编程语言和开发技术,只需简单地拖拽组件即可快速搭建物联网Web 应用。不同行业的物联网平台,对数据监测的web页面样式、功能模块的要求都各有差异。使用ZWS-IoT低代码开发平台,可以快速搭建不同web应用页面,以及多个页面的物联网应用系统。比如,智慧环保系统主要包括:实时数据、小时数据统计、日数据统计、月数据统计、报表导出等页面。主要展示数据指标有:PM2.5、PM10、二氧化硫、二氧化氮、一氧化碳、臭氧等,根据这些指标计算空气指令指数(AQI)、单因子分析、单设备分析、报表数据统计等等。要实现的效果如下:
![029f7024-05ed-11ee-962d-dac502259ad0.gif](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt22AIQVYAApXELKf1YM978.gif)
下文将具体介绍环保系统核心的搭建步骤。
前期准备-
注册/登录ZWS物联网云平台账号:https://www.zlgcloud.com
-
用DTU(CATCOM-100)或者网关将环保检测设备连接到ZWS物联网云平台,参见往期文章《CATCOM-100搭配ZWS物联网云平台,实现Modbus设备上云》。
环保系统搭建
1.菜单栏配置在右侧属性配置栏目中,找到【顶部栏】和【左导航】,启用对应的【排列方式】。
![0334997e-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt22AHLu5AAIN2GW9o4A044.png)
添加左侧菜单项。
![0358416c-05ed-11ee-962d-dac502259ad0.gif](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt22AFZlEABONg4jSai4409.gif)
然后在【页面目录】中新建页面;在【菜单链接配置】=>【目标链接】选择当前应用对应页面,即可完成菜单和页面的关联。配置效果图如下:
![03cfe546-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt26ATrGVAAJfH53XDd8960.png)
2. GIS地图展示GIS地图展示页面,用于查看不同设备的地理分布以及点位详情。可以用地图组件和抽屉组件实现。
地图配置:拖拽地图组件=>标记数据配置=>选择表格数据=>设备表=>选择设备类型,这样地图上就能够展示设备的地理信息坐标了。
![0414614e-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt26AfdzXAAPeX7yRFTU462.png)
地图中的设备详情配置:拖拽抽屉组件=>配置参数。
![0438f4e6-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt26ARBU0AARIxhOX-yg113.png)
3. 日数据查询
日数据查询,用于查看每日各项环保数据指标的平均值。可以用周期统计表组件来实现。拖拽【周期统计表】后进行数据配置,如图所示:![047b2672-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt26ANDX9AAJDA3_Lhss266.png)
周期统计表可以配置筛选项表单、筛选项按钮、分页配置以及表格的基础属性配置。
其中筛选项表单可以预先配置将要查询的设备类型、统计纬度、统计类型、统计时间等,通过不同的配置组合,可以实现每小时/日/周/月/年的数据查询。
![04a9c4b4-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt26ATmByAAF-7xGFhwM084.png)
4. 日单因子分析、日单设备分析
日单因子分析主要是查询某个因子的数据信息,而单设备分析在查询条件上可以同时选择多个因子。点位名称配置:可选值=>表格数据=>设备表=>设备类型。![04cbe0a8-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt26ARG5FAAI44UVuO4c708.png)
因子数据源配置:获取因子选择列表。
![04f34b8e-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt2-AebtxAAJEVfVBulE372.png)
折线图数据源配置:
![05201830-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt2-AdtlvAAHNQGlLWMk124.png)
最终效果图:
![054261ba-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt2-AE1CdAADNm-zJFoI736.png)
5. 日报
日报主要根据污染物数据,计算对应的空气质量指数(AQI)、污染物的变化趋势、各点位污染物浓度和环比情况、浓度排名等。
数据源配置通过请求自定义接口,根据各自的功能需求,利用接口的提供污染物的统计基础数据,结合过滤脚本生成出最终的展示数据。
数据源配置如图:
添加过滤脚本:
![05a52624-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt2-Af2C_AAGsGcohjic470.png)
日报实现效果图:
![05d4d2a2-05ed-11ee-962d-dac502259ad0.gif](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt2-AMTXiAAtKt5wUuIc981.gif)
感兴趣的用户,如果想了解更多ZLG物联网云平台相关内容,可以查阅云官网:https://www.zlgcloud.com
技术交流群长按识别如下二维码可加入“EsDA嵌入式系统设计自动化交流群”,与志同道合的朋友交流,并有专业技术人员为您答疑解惑,如有问题可以咨询小致微信:zlgmcu-888。
![0646858c-05ed-11ee-962d-dac502259ad0.png](https://file1.elecfans.com//web2/M00/9B/20/wKgZomTnt3CADBGjAADsKECXPss463.png)
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。
举报投诉
原文标题:【产品应用】如何通过ZWS-IoT低代码开发平台搭建一个环保系统
文章出处:【微信号:ZLG_zhiyuan,微信公众号:ZLG致远电子】欢迎添加关注!文章转载请注明出处。
相关推荐
在软件开发领域,传统开发、低代码开发以及无代码开发是
发表于 01-31 10:48
•139次阅读
和交付应用软件,全方位降低软件的开发、配置、部署和培训的成本。 二、低代码平台搭建MES系统的优
发表于 01-23 09:37
•81次阅读
低代码平台的定义 低代码平台提供了一
发表于 01-07 09:58
•166次阅读
1关于GiteaGitea是一个轻量级的Git托管服务,也就是基于Git的代码托管平台,类似于GitHub、Gitee等。Gitea相对于其他代码
发表于 12-19 19:33
•357次阅读
低代码平台是一种可视化的软件高效开发平台,通过抽象和
发表于 11-18 15:43
•234次阅读
众所周知,市面上有很多云平台,并且每家云平台都有自己的协议,工程师要移植不同的SDK代码或基于各家的手册文档对接不同的协议,看着都头大!!! 为解决繁琐的云平台
发表于 10-31 07:23
•274次阅读
在数字化时代,物联网(IoT)技术迅猛发展,将物理世界与数字世界紧密连接,实现了设备间的智能交互和数据共享。随着物联网应用的日益广泛,如何高效、快速地构建物联网应用成为了一个重要议题。低
发表于 10-16 13:59
•312次阅读
EsDA是一套面向工业智能物联领域的嵌入式系统设计自动化工具集,包含实时操作系统AWorksLP、低代码
发表于 09-15 08:10
•381次阅读
低代码平台是一种应用程序,它为编程提供图形用户界面,从而以极快的速度开发代码,减少传统编程工作。
发表于 07-18 15:39
•370次阅读
目前使用乐鑫 IDE(2.11.1版本),它实际是基于 Eclipse 的集成开发环境 (IDE),很多应用都是在次平台进行开发的。现在需要用到ESP IoT Solution
发表于 06-27 06:00
低代码开发平台(Low-Code Development Platform)是近年来企业数字化转型中备受瞩目的技术工具,其被誉为加速业务上线的利器。随着信息技术的迅猛发展,企业对于数字
发表于 05-23 14:19
•415次阅读
低代码开发平台是一种创新的软件开发方法,通过使用图形
发表于 05-11 10:33
•416次阅读
低代码开发平台是近年来迅速崛起的一种创新型软件开发工具,以其高效、灵活的
发表于 04-18 10:43
•452次阅读
低代码平台以其高效、便捷、低成本的优势,正逐渐成为软件开发领域中的性价比之王。它不仅能够满足快速开发的需求,还能够降低技术门槛和维护成本,提
发表于 04-09 16:03
•948次阅读
传统设备要接入物联网,选择什么方式比较好?本文将介绍通过DTU智能网联终端CATCOM-100接入ZWS物联网云平台的功能。对于一些工业制造、机械设备对温度有特殊的要求,我们就需要控制
发表于 03-29 08:23
•449次阅读
评论