IoT低代碼開發平臺可以幫助企業敏捷地完成項目交付，提升企業數字化的速度。本文將以光伏監測系統為例，介紹如何基于ZWS-IoT低代碼開發平臺自主搭建一個物聯網web應用系統。

??簡介

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

??場景應用

不同傳統企業數字化轉型，對于物聯網監測系統的需求各有不同，比如：智慧照明主要是對燈具的亮燈率、亮度等進行監測；智慧光伏主要是對光伏發電情況、電站收益等進行監測。隨著低代碼開發平臺的出現，可以通過前端圖形化的拖拉拽實現需求，能將項目的交付周期大幅縮短。

接下來，我們以光伏監測系統為例，來看看基于ZWS-IoT低代碼開發平臺如何快速搭建一個物聯網web應用系統。

??光伏監測系統搭建

1. 頂部欄和左導航配置

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

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

菜單欄的標題、圖標等屬性配置。

頁面新建&菜單關聯首先在【頁面目錄】中新建頁面；然后在【菜單鏈接配置】=>【目標鏈接】選擇當前應用對應頁面，即可完成菜單和頁面的關聯。

2. 首頁搭建

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

2.2 首頁功能（模板組件應用）

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

通過模板組件可以快速幫助我們進行【功能界面】的構建，接下來需要對【數據源】進行配置，獲取電站相關的數據信息。

同理，拖拽配置組件：【在線離線】、【數據看板】、【數值監控】、【壓力值】、【折線圖】、【動態表格】，就可以實現如下數據展示頁面。

3. 設備列表搭建

3.1 設備列表頁面（業務組件應用）

拖拽【業務組件】=>【設備列表】；

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

在預覽【配置】，可以對表格（表頭、內容、行樣式、列樣式）、篩選項、分頁等屬性進行配置；

??最終實現效果

1. 首頁

2.設備列表

以上就是搭建一個光伏監測系統的示例，在ZWS-IoT低代碼開發平臺中，用戶可以根據實際業務需求，拖拽組件完成企業專屬化的物聯網web應用系統。

感興趣的用戶，如果想了解更多ZLG物聯網云平臺相關內容，可以點擊“閱讀原文”跳轉到云官網。

關聯產品

技術交流群長按識別如下二維碼可加入“EsDA嵌入式系統設計自動化交流群”，與志同道合的朋友交流，并有專業技術人員為您答疑解惑，如有問題可以咨詢小致微信：zlgmcu-888。