使用ZWS-IoT低代碼開(kāi)發(fā)平臺(tái)，可以快速搭建不同web應(yīng)用頁(yè)面，以及多個(gè)頁(yè)面的物聯(lián)網(wǎng)應(yīng)用系統(tǒng)。本文將介紹通過(guò)ZWS-IoT低代碼開(kāi)發(fā)平臺(tái)如何自主搭建一個(gè)智慧環(huán)保系統(tǒng)。

??簡(jiǎn)介ZWS-IoT低代碼開(kāi)發(fā)平臺(tái)是一款以圖形化、拖拽方式并輔以少量代碼就能快速搭建企業(yè)數(shù)字化應(yīng)用的工具平臺(tái)。提供了常用的基礎(chǔ)組件、工業(yè)組件（用于工業(yè)生產(chǎn)場(chǎng)景）、大屏組件（用于展示大量數(shù)據(jù)）以及業(yè)務(wù)組件（物聯(lián)網(wǎng)相關(guān)業(yè)務(wù)），無(wú)需深入了解編程語(yǔ)言和開(kāi)發(fā)技術(shù)，只需簡(jiǎn)單地拖拽組件即可快速搭建物聯(lián)網(wǎng)Web 應(yīng)用。不同行業(yè)的物聯(lián)網(wǎng)平臺(tái)，對(duì)數(shù)據(jù)監(jiān)測(cè)的web頁(yè)面樣式、功能模塊的要求都各有差異。使用ZWS-IoT低代碼開(kāi)發(fā)平臺(tái)，可以快速搭建不同web應(yīng)用頁(yè)面，以及多個(gè)頁(yè)面的物聯(lián)網(wǎng)應(yīng)用系統(tǒng)。比如，智慧環(huán)保系統(tǒng)主要包括：實(shí)時(shí)數(shù)據(jù)、小時(shí)數(shù)據(jù)統(tǒng)計(jì)、日數(shù)據(jù)統(tǒng)計(jì)、月數(shù)據(jù)統(tǒng)計(jì)、報(bào)表導(dǎo)出等頁(yè)面。主要展示數(shù)據(jù)指標(biāo)有：PM2.5、PM10、二氧化硫、二氧化氮、一氧化碳、臭氧等，根據(jù)這些指標(biāo)計(jì)算空氣指令指數(shù)（AQI）、單因子分析、單設(shè)備分析、報(bào)表數(shù)據(jù)統(tǒng)計(jì)等等。要實(shí)現(xiàn)的效果如下：

下文將具體介紹環(huán)保系統(tǒng)核心的搭建步驟。

??前期準(zhǔn)備

1. 注冊(cè)/登錄ZWS物聯(lián)網(wǎng)云平臺(tái)賬號(hào):https://www.zlgcloud.com

2. 用DTU（CATCOM-100）或者網(wǎng)關(guān)將環(huán)保檢測(cè)設(shè)備連接到ZWS物聯(lián)網(wǎng)云平臺(tái)，參見(jiàn)往期文章《CATCOM-100搭配ZWS物聯(lián)網(wǎng)云平臺(tái)，實(shí)現(xiàn)Modbus設(shè)備上云》。

??環(huán)保系統(tǒng)搭建

1.菜單欄配置在右側(cè)屬性配置欄目中，找到【頂部欄】和【左導(dǎo)航】，啟用對(duì)應(yīng)的【排列方式】。

添加左側(cè)菜單項(xiàng)。

然后在【頁(yè)面目錄】中新建頁(yè)面；在【菜單鏈接配置】=>【目標(biāo)鏈接】選擇當(dāng)前應(yīng)用對(duì)應(yīng)頁(yè)面，即可完成菜單和頁(yè)面的關(guān)聯(lián)。配置效果圖如下：

2. GIS地圖展示GIS地圖展示頁(yè)面，用于查看不同設(shè)備的地理分布以及點(diǎn)位詳情?？梢杂玫貓D組件和抽屜組件實(shí)現(xiàn)。

地圖配置：拖拽地圖組件=>標(biāo)記數(shù)據(jù)配置=>選擇表格數(shù)據(jù)=>設(shè)備表=>選擇設(shè)備類(lèi)型，這樣地圖上就能夠展示設(shè)備的地理信息坐標(biāo)了。

地圖中的設(shè)備詳情配置：拖拽抽屜組件=>配置參數(shù)。

3. 日數(shù)據(jù)查詢

日數(shù)據(jù)查詢，用于查看每日各項(xiàng)環(huán)保數(shù)據(jù)指標(biāo)的平均值?？梢杂弥芷诮y(tǒng)計(jì)表組件來(lái)實(shí)現(xiàn)。拖拽【周期統(tǒng)計(jì)表】后進(jìn)行數(shù)據(jù)配置，如圖所示：

周期統(tǒng)計(jì)表可以配置篩選項(xiàng)表單、篩選項(xiàng)按鈕、分頁(yè)配置以及表格的基礎(chǔ)屬性配置。

其中篩選項(xiàng)表單可以預(yù)先配置將要查詢的設(shè)備類(lèi)型、統(tǒng)計(jì)緯度、統(tǒng)計(jì)類(lèi)型、統(tǒng)計(jì)時(shí)間等，通過(guò)不同的配置組合，可以實(shí)現(xiàn)每小時(shí)/日/周/月/年的數(shù)據(jù)查詢。

4. 日單因子分析、日單設(shè)備分析

日單因子分析主要是查詢某個(gè)因子的數(shù)據(jù)信息，而單設(shè)備分析在查詢條件上可以同時(shí)選擇多個(gè)因子。點(diǎn)位名稱配置：可選值=>表格數(shù)據(jù)=>設(shè)備表=>設(shè)備類(lèi)型。

因子數(shù)據(jù)源配置：獲取因子選擇列表。

折線圖數(shù)據(jù)源配置：

最終效果圖：

5. 日?qǐng)?bào)

日?qǐng)?bào)主要根據(jù)污染物數(shù)據(jù)，計(jì)算對(duì)應(yīng)的空氣質(zhì)量指數(shù)（AQI）、污染物的變化趨勢(shì)、各點(diǎn)位污染物濃度和環(huán)比情況、濃度排名等。

數(shù)據(jù)源配置通過(guò)請(qǐng)求自定義接口，根據(jù)各自的功能需求，利用接口的提供污染物的統(tǒng)計(jì)基礎(chǔ)數(shù)據(jù)，結(jié)合過(guò)濾腳本生成出最終的展示數(shù)據(jù)。

數(shù)據(jù)源配置如圖：

添加過(guò)濾腳本：

日?qǐng)?bào)實(shí)現(xiàn)效果圖：

感興趣的用戶，如果想了解更多ZLG物聯(lián)網(wǎng)云平臺(tái)相關(guān)內(nèi)容，可以查閱云官網(wǎng)：https://www.zlgcloud.com

技術(shù)交流群長(zhǎng)按識(shí)別如下二維碼可加入“EsDA嵌入式系統(tǒng)設(shè)計(jì)自動(dòng)化交流群”，與志同道合的朋友交流，并有專(zhuān)業(yè)技術(shù)人員為您答疑解惑，如有問(wèn)題可以咨詢小致微信：zlgmcu-888。