使用ZWS-IoT低代碼開發(fā)平臺，可以快速搭建不同web應(yīng)用頁面，以及多個(gè)頁面的物聯(lián)網(wǎng)應(yīng)用系統(tǒng)。本文將介紹通過ZWS-IoT低代碼開發(fā)平臺如何自主搭建一個(gè)智慧環(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)用頁面，以及多個(gè)頁面的物聯(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)出等頁面。主要展示數(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. 注冊/登錄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è)菜單項(xiàng)。

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

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

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

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

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

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

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

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

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

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

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

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

最終效果圖：

5. 日報(bào)

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

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

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

添加過濾腳本：

日報(bào)實(shí)現(xiàn)效果圖：