使用ZWS-IoT低代碼開發(fā)平臺,可以快速搭建不同web應用頁面,以及多個頁面的物聯(lián)網(wǎng)應用系統(tǒng)。本文將介紹通過ZWS-IoT低代碼開發(fā)平臺如何自主搭建一個智慧環(huán)保系統(tǒng)。
?簡介
ZWS-IoT低代碼開發(fā)平臺是一款以圖形化、拖拽方式并輔以少量代碼就能快速搭建企業(yè)數(shù)字化應用的工具平臺。提供了常用的基礎組件、工業(yè)組件(用于工業(yè)生產(chǎn)場景)、大屏組件(用于展示大量數(shù)據(jù))以及業(yè)務組件(物聯(lián)網(wǎng)相關(guān)業(yè)務),無需深入了解編程語言和開發(fā)技術(shù),只需簡單地拖拽組件即可快速搭建物聯(lián)網(wǎng)Web 應用。不同行業(yè)的物聯(lián)網(wǎng)平臺,對數(shù)據(jù)監(jiān)測的web頁面樣式、功能模塊的要求都各有差異。使用ZWS-IoT低代碼開發(fā)平臺,可以快速搭建不同web應用頁面,以及多個頁面的物聯(lián)網(wǎng)應用系統(tǒng)。比如,智慧環(huán)保系統(tǒng)主要包括:實時數(shù)據(jù)、小時數(shù)據(jù)統(tǒng)計、日數(shù)據(jù)統(tǒng)計、月數(shù)據(jù)統(tǒng)計、報表導出等頁面。主要展示數(shù)據(jù)指標有:PM2.5、PM10、二氧化硫、二氧化氮、一氧化碳、臭氧等,根據(jù)這些指標計算空氣指令指數(shù)(AQI)、單因子分析、單設備分析、報表數(shù)據(jù)統(tǒng)計等等。要實現(xiàn)的效果如下:
下文將具體介紹環(huán)保系統(tǒng)核心的搭建步驟。
?前期準備
- 注冊/登錄ZWS物聯(lián)網(wǎng)云平臺賬號
用DTU(CATCOM-100)或者網(wǎng)關(guān)將環(huán)保檢測設備連接到ZWS物聯(lián)網(wǎng)云平臺。
?環(huán)保系統(tǒng)搭建
1.菜單欄配置在右側(cè)屬性配置欄目中,找到【頂部欄】和【左導航】,啟用對應的【排列方式】。
添加左側(cè)菜單項。
然后在【頁面目錄】中新建頁面;在【菜單鏈接配置】=>【目標鏈接】選擇當前應用對應頁面,即可完成菜單和頁面的關(guān)聯(lián)。配置效果圖如下:
2. GIS地圖展示GIS地圖展示頁面,用于查看不同設備的地理分布以及點位詳情。可以用地圖組件和抽屜組件實現(xiàn)。
地圖配置:拖拽地圖組件=>標記數(shù)據(jù)配置=>選擇表格數(shù)據(jù)=>設備表=>選擇設備類型,這樣地圖上就能夠展示設備的地理信息坐標了。
地圖中的設備詳情配置:拖拽抽屜組件=>配置參數(shù)。
3. 日數(shù)據(jù)查詢
日數(shù)據(jù)查詢,用于查看每日各項環(huán)保數(shù)據(jù)指標的平均值??梢杂弥芷诮y(tǒng)計表組件來實現(xiàn)。拖拽【周期統(tǒng)計表】后進行數(shù)據(jù)配置,如圖所示:
周期統(tǒng)計表可以配置篩選項表單、篩選項按鈕、分頁配置以及表格的基礎屬性配置。
其中篩選項表單可以預先配置將要查詢的設備類型、統(tǒng)計緯度、統(tǒng)計類型、統(tǒng)計時間等,通過不同的配置組合,可以實現(xiàn)每小時/日/周/月/年的數(shù)據(jù)查詢。
4. 日單因子分析、日單設備分析
日單因子分析主要是查詢某個因子的數(shù)據(jù)信息,而單設備分析在查詢條件上可以同時選擇多個因子。點位名稱配置:可選值=>表格數(shù)據(jù)=>設備表=>設備類型。
因子數(shù)據(jù)源配置:獲取因子選擇列表。
折線圖數(shù)據(jù)源配置:
最終效果圖:
5. 日報
日報主要根據(jù)污染物數(shù)據(jù),計算對應的空氣質(zhì)量指數(shù)(AQI)、污染物的變化趨勢、各點位污染物濃度和環(huán)比情況、濃度排名等。
數(shù)據(jù)源配置通過請求自定義接口,根據(jù)各自的功能需求,利用接口的提供污染物的統(tǒng)計基礎數(shù)據(jù),結(jié)合過濾腳本生成出最終的展示數(shù)據(jù)。
數(shù)據(jù)源配置如圖:
添加過濾腳本:
日報實現(xiàn)效果圖:
-
物聯(lián)網(wǎng)
+關(guān)注
關(guān)注
2909文章
44557瀏覽量
372757 -
代碼
+關(guān)注
關(guān)注
30文章
4779瀏覽量
68521 -
IOT
+關(guān)注
關(guān)注
187文章
4202瀏覽量
196681
發(fā)布評論請先 登錄
相關(guān)推薦
評論