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

?簡介

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

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

?前期準(zhǔn)備

1. 注冊/登錄ZWS物聯(lián)網(wǎng)云平臺賬號

用DTU（CATCOM-100）或者網(wǎng)關(guān)將環(huán)保檢測設(shè)備連接到ZWS物聯(lián)網(wǎng)云平臺。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最終效果圖：

5. 日報

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

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

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

添加過濾腳本：

日報實現(xiàn)效果圖：