使用ZWS-IoT低代碼開發平台，可以快速搭建不同web應用頁面，以及多個頁面的物聯網應用系統。本文将介紹通過ZWS-IoT低代碼開發平台如何自主搭建一個智慧環保系統。
簡介
ZWS-IoT低代碼開發平台是一款以圖形化、拖拽方式并輔以少量代碼就能快速搭建企業數字化應用的工具平台。提供了常用的基礎元件、工業元件（用于工業生産場景）、大屏元件（用于展示大量資料）以及業務元件（物聯網相關業務），無需深入了解程式設計語言和開發技術，隻需簡單地拖拽元件即可快速搭建物聯網Web 應用。
不同行業的物聯網平台，對資料監測的web頁面樣式、功能子產品的要求都各有差異。使用ZWS-IoT低代碼開發平台，可以快速搭建不同web應用頁面，以及多個頁面的物聯網應用系統。
比如，智慧環保系統主要包括：實時資料、小時資料統計、日資料統計、月資料統計、報表導出等頁面。主要展示資料名額有：PM2.5、PM10、二氧化硫、二氧化氮、一氧化碳、臭氧等，根據這些名額計算空氣指令指數（AQI）、單因子分析、單裝置分析、報表資料統計等等。要實作的效果如下：
下文将具體介紹環保系統核心的搭建步驟。
前期準備
- 注冊/登入ZWS物聯網雲平台賬号:
- 用DTU（CATCOM-100）或者網關将環保檢測裝置連接配接到ZWS物聯網雲平台，參見往期文章《》。
環保系統搭建
1. 菜單欄配置
在右側屬性配置欄目中，找到【頂部欄】和【左導航】，啟用對應的【排列方式】。
添加左側菜單項。
然後在【頁面目錄】中建立頁面；在【菜單連結配置】 => 【目标連結】選擇目前應用對應頁面，即可完成菜單和頁面的關聯。配置效果圖如下：
2. GIS地圖展示
GIS地圖展示頁面，用于檢視不同裝置的地理分布以及點位詳情。可以用地圖元件和抽屜元件實作。
地圖配置：拖拽地圖元件 => 标記資料配置 => 選擇表格資料 => 裝置表 => 選擇裝置類型，這樣地圖上就能夠展示裝置的地理資訊坐标了。
地圖中的裝置詳情配置：拖拽抽屜元件 => 配置參數。
3. 日資料查詢
日資料查詢，用于檢視每日各項環保資料名額的平均值。可以用周期統計表元件來實作。
拖拽【周期統計表】後進行資料配置，如圖所示：
周期統計表可以配置篩選項表單、篩選項按鈕、分頁配置以及表格的基礎屬性配置。
其中篩選項表單可以預先配置将要查詢的裝置類型、統計緯度、統計類型、統計時間等，通過不同的配置組合，可以實作每小時/日/周/月/年的資料查詢。
4. 日單因子分析、日單裝置分析
日單因子分析主要是查詢某個因子的資料資訊，而單裝置分析在查詢條件上可以同時選擇多個因子。
點位名稱配置：可選值 => 表格資料 => 裝置表 => 裝置類型。
因子資料源配置：擷取因子選擇清單。
折線圖資料源配置：
最終效果圖：
5. 日報
日報主要根據污染物資料，計算對應的空氣品質指數（AQI）、污染物的變化趨勢、各點位污染物濃度和環比情況、濃度排名等。
資料源配置通過請求自定義接口，根據各自的功能需求，利用接口的提供污染物的統計基礎資料，結合過濾腳本生成出最終的展示資料。
資料源配置如圖：
添加過濾腳本：
日報實作效果圖：
ZLG商城：https://j.youzan.com/Kt-L3L
ZLG開發者社群：https://z.zlg.cn/
更多技術幹貨可關注“ZLG緻遠電子”微信公衆号