使用ZWS-IoT低代碼開發平臺,可以快速搭建不同web應用頁面,以及多個頁面的物聯網應用系統。本文將介紹通過ZWS-IoT低代碼開發平臺如何自主搭建一個智慧環保系統。
??簡介ZWS-IoT低代碼開發平臺是一款以圖形化、拖拽方式并輔以少量代碼就能快速搭建企業數字化應用的工具平臺。提供了常用的基礎組件、工業組件(用于工業生產場景)、大屏組件(用于展示大量數據)以及業務組件(物聯網相關業務),無需深入了解編程語言和開發技術,只需簡單地拖拽組件即可快速搭建物聯網Web 應用。不同行業的物聯網平臺,對數據監測的web頁面樣式、功能模塊的要求都各有差異。使用ZWS-IoT低代碼開發平臺,可以快速搭建不同web應用頁面,以及多個頁面的物聯網應用系統。比如,智慧環保系統主要包括:實時數據、小時數據統計、日數據統計、月數據統計、報表導出等頁面。主要展示數據指標有:PM2.5、PM10、二氧化硫、二氧化氮、一氧化碳、臭氧等,根據這些指標計算空氣指令指數(AQI)、單因子分析、單設備分析、報表數據統計等等。要實現的效果如下:
下文將具體介紹環保系統核心的搭建步驟。
??前期準備用DTU(CATCOM-100)或者網關將環保檢測設備連接到ZWS物聯網云平臺,參見往期文章《CATCOM-100搭配ZWS物聯網云平臺,實現Modbus設備上云》。
??環保系統搭建
在右側屬性配置欄目中,找到【頂部欄】和【左導航】,啟用對應的【排列方式】。
添加左側菜單項。

然后在【頁面目錄】中新建頁面;在【菜單鏈接配置】?=>?【目標鏈接】選擇當前應用對應頁面,即可完成菜單和頁面的關聯。配置效果圖如下:

GIS地圖展示頁面,用于查看不同設備的地理分布以及點位詳情??梢杂玫貓D組件和抽屜組件實現。地圖配置:拖拽地圖組件?=>?標記數據配置?=>??選擇表格數據?=>?設備表?=>?選擇設備類型,這樣地圖上就能夠展示設備的地理信息坐標了。

地圖中的設備詳情配置:拖拽抽屜組件?=>?配置參數。

3. 日數據查詢
日數據查詢,用于查看每日各項環保數據指標的平均值??梢杂弥芷诮y計表組件來實現。周期統計表可以配置篩選項表單、篩選項按鈕、分頁配置以及表格的基礎屬性配置。
其中篩選項表單可以預先配置將要查詢的設備類型、統計緯度、統計類型、統計時間等,通過不同的配置組合,可以實現每小時/日/周/月/年的數據查詢。
4. 日單因子分析、日單設備分析
日單因子分析主要是查詢某個因子的數據信息,而單設備分析在查詢條件上可以同時選擇多個因子。點位名稱配置:可選值?=>?表格數據?=>?設備表?=>??設備類型。因子數據源配置:獲取因子選擇列表。

折線圖數據源配置:

最終效果圖:

日報主要根據污染物數據,計算對應的空氣質量指數(AQI)、污染物的變化趨勢、各點位污染物濃度和環比情況、濃度排名等。
數據源配置通過請求自定義接口,根據各自的功能需求,利用接口的提供污染物的統計基礎數據,結合過濾腳本生成出最終的展示數據。
數據源配置如圖:

日報實現效果圖:

感興趣的用戶,如果想了解更多ZLG物聯網云平臺相關內容,可以查閱云官網:
??技術交流群長按識別如下二維碼可加入“EsDA嵌入式系統設計自動化交流群”,與志同道合的朋友交流,并有專業技術人員為您答疑解惑,如有問題可以咨詢小致微信:zlgmcu-888。
