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

??簡(jiǎn)介

ZWS-IoT低代碼開發(fā)平臺(tái)是一款以圖形化、拖拽方式并輔以少量代碼就能快速搭建企業(yè)數(shù)字化應(yīng)用的工具平臺(tái)。我們提供了常用的基礎(chǔ)組件、工業(yè)組件（用于工業(yè)生產(chǎn)場(chǎng)景）、大屏組件（用于展示大量數(shù)據(jù)）以及業(yè)務(wù)組件（物聯(lián)網(wǎng)相關(guān)業(yè)務(wù)），無(wú)需深入了解編程語(yǔ)言和開發(fā)技術(shù)，您只需簡(jiǎn)單地拖拽組件即可快速搭建物聯(lián)網(wǎng)Web 應(yīng)用。

??場(chǎng)景應(yīng)用

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

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

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

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

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

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

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

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

2. 首頁(yè)搭建

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

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

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

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

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

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

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

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

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

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

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

1. 首頁(yè)

2.設(shè)備列表

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

審核編輯：劉清