使用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)、污染物的變化趨勢、各點位污染物濃度和環比情況、濃度排名等。
數據源配置通過請求自定義接口,根據各自的功能需求,利用接口的提供污染物的統計基礎數據,結合過濾腳本生成出最終的展示數據。
數據源配置如圖:
添加過濾腳本:
日報實現效果圖:
-
物聯網
+關注
關注
2914文章
44970瀏覽量
377431 -
代碼
+關注
關注
30文章
4835瀏覽量
69118 -
IOT
+關注
關注
187文章
4230瀏覽量
197713
發布評論請先 登錄
相關推薦
告別繁瑣的云平臺開發!IoT_CLOUD之 百度云
![告別繁瑣的云<b class='flag-5'>平臺</b><b class='flag-5'>開發</b>!<b class='flag-5'>IoT</b>_CLOUD之 百度云](https://file1.elecfans.com/web2/M00/09/D3/wKgZomcTtIaADqpqAABdmf48bLU970.png)
低代碼物聯網云平臺是什么?有什么功能?
請問Eclipse環境如何搭建IoT Solution?
剖析低代碼開發平臺在企業數字化轉型中的重要性
![剖析<b class='flag-5'>低</b><b class='flag-5'>代碼</b><b class='flag-5'>開發</b><b class='flag-5'>平臺</b>在企業數字化轉型中的重要性](https://file1.elecfans.com/web2/M00/E9/33/wKgaomZO37WAGo3YAA99RCsLUhk753.png)
【產品應用】ZWS云平臺應用(3)-設備基于DTU接入
![【<b class='flag-5'>產品應用</b>】<b class='flag-5'>ZWS</b>云<b class='flag-5'>平臺</b>應用(3)-設備基于DTU接入](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
評論