IoT低代碼開發(fā)平臺可以幫助企業(yè)敏捷地完成項(xiàng)目交付，提升企業(yè)數(shù)字化的速度。本文將以光伏監(jiān)測系統(tǒng)為例，介紹如何基于ZWS-IoT低代碼開發(fā)平臺自主搭建一個(gè)物聯(lián)網(wǎng)web應(yīng)用系統(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īng)用

不同傳統(tǒng)企業(yè)數(shù)字化轉(zhuǎn)型，對于物聯(lián)網(wǎng)監(jiān)測系統(tǒng)的需求各有不同，比如：智慧照明主要是對燈具的亮燈率、亮度等進(jìn)行監(jiān)測；智慧光伏主要是對光伏發(fā)電情況、電站收益等進(jìn)行監(jiān)測。隨著低代碼開發(fā)平臺的出現(xiàn)，可以通過前端圖形化的拖拉拽實(shí)現(xiàn)需求，能將項(xiàng)目的交付周期大幅縮短。

接下來，我們以光伏監(jiān)測系統(tǒng)為例，來看看基于ZWS-IoT低代碼開發(fā)平臺如何快速搭建一個(gè)物聯(lián)網(wǎng)web應(yīng)用系統(tǒng)。

?光伏監(jiān)測系統(tǒng)搭建

1. 頂部欄和左導(dǎo)航配置

在右側(cè)屬性配置欄目中，找到【頂部欄】和【左導(dǎo)航】，啟用對應(yīng)的【排列方式】；還可以配置它的寬度、高度、logo、顏色、模式等基本屬性。

也支持自定義個(gè)性化，自由拖拽組件，DIY 靈活配合使用：

菜單欄的標(biāo)題、圖標(biāo)等屬性配置。

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

2. 首頁搭建

2.1 首頁布局和排版
可以拖拽多個(gè)【矩形】組件到中間畫布，自定義布局排版。

2.2 首頁功能（模板組件應(yīng)用）

【大屏組件】=> 【模板組件】 =>選擇合適功能場景的模板組件，例如：想查看電站的在線離線情況，可以使用【在線離線】組件。

通過模板組件可以快速幫助我們進(jìn)行【功能界面】的構(gòu)建，接下來需要對【數(shù)據(jù)源】進(jìn)行配置，獲取電站相關(guān)的數(shù)據(jù)信息。

同理，拖拽配置組件：【在線離線】、【數(shù)據(jù)看板】、【數(shù)值監(jiān)控】、【壓力值】、【折線圖】、【動態(tài)表格】，就可以實(shí)現(xiàn)如下數(shù)據(jù)展示頁面。

3. 設(shè)備列表搭建

3.1 設(shè)備列表頁面（業(yè)務(wù)組件應(yīng)用）

拖拽【業(yè)務(wù)組件】=>【設(shè)備列表】；

配置【水平約束】和【垂直約束】，可以快速讓表格大小自適應(yīng)；

在預(yù)覽【配置】，可以對表格（表頭、內(nèi)容、行樣式、列樣式）、篩選項(xiàng)、分頁等屬性進(jìn)行配置；

?最終實(shí)現(xiàn)效果

1. 首頁

2.設(shè)備列表

以上就是搭建一個(gè)光伏監(jiān)測系統(tǒng)的示例，在ZWS-IoT低代碼開發(fā)平臺中，用戶可以根據(jù)實(shí)際業(yè)務(wù)需求，拖拽組件完成企業(yè)專屬化的物聯(lián)網(wǎng)web應(yīng)用系統(tǒng)。