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

??簡介

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

??場景應用

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

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

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

1. 頂部欄和左導航配置

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

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

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

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

2. 首頁搭建

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

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

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

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

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

3. 設備列表搭建

3.1 設備列表頁面（業(yè)務組件應用）

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

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

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

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

1. 首頁

2.設備列表

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

感興趣的用戶，如果想了解更多ZLG物聯(lián)網(wǎng)云平臺相關內(nèi)容，可以點擊“閱讀原文”跳轉(zhuǎn)到云官網(wǎng)。

關聯(lián)產(chǎn)品

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