BuildRun低代碼開發教程第五節 | 設備管理開發

課程說明

由於設備管理中需要關聯產品和設備組,需要定義動態列表,因此將設備管理相關功能的構建單獨作爲一個課程來介紹,本課程涉及到主要的新知識點:

  • 動態值列表定義

  • 查詢區域使用值列表

  • 新增和更新區域使用值列表

  • 詳細信息頁面只讀信息查看

課程內容

01 創建設備頁面

選擇應用設計器左側的頁面圖標,進入界面列表窗口:

1. 選擇右上角的創建進入創建頁面窗口,錄入如下信息:

  • 名稱:設備

  • 編碼:DEVICES

  • 標題:設備管理

2. 填寫信息完成後,點擊創建頁面窗口左下角的 “創建” 按鈕完成頁面創建後進入頁面設計視圖。

3. 點擊頂端的數據源圖標,切換到數據源定義視圖。

4. 點擊左上角的 (➕) 加號,從彈出的列表中選擇 設備 創建產品數據源。

5. 點擊頂端的頁面設計圖標,切換到頁面設計界面。

▍1.1定義設備列表Section

1. 左邊頁面結構視圖中展開設備節點,選擇下面的默認Section節點,在右側的Section屬性下修改信息爲:

  • 名稱:設備列表

  • 編碼:listDevices

2. 拖動右側組件列表下的數據組件->列表組件到中間區域,看到虛框出現後釋放會彈出組件添加數據源窗口,看到已經默認選中設備這個數據源,直接點擊確定按鈕。

3. 左邊頁面結構視圖中展開設備節點,選擇下面的產品列表->表格組件節點,從右側字段下拖動字段到中間配置區域:

  • 搜索(高級搜索)默認字段:產品、設備組、設備名稱

  • 列表字段:設備名稱、所屬產品(產品->產品名稱)、雲端協議、設備組(設備組->組名稱)

4. 中間配置區域添加如下按鈕:

  • 列表按鈕:添加

  • 列表行內按鈕:詳情(自定義按鈕)、編輯

5. 點擊右上角的保存編輯按鈕保存。

▍1.2 定義創建設備Section

1. 鼠標移動到左邊頁面結構視圖中設備節點後面的加號➕,選擇添加Section彈出在頁面”設備“中創建Section窗口中輸入信息:

  • 名稱:新增設備

  • 編碼:createDevice

2. 選擇新增設備 Section,拖動右側組件列表下的數據組件->表單組件到中間區域,看到虛框出現後釋放會彈出組件添加數據源窗口,看到已經默認選中設備這個數據源,直接點擊確定按鈕。

3. 左邊頁面結構視圖中選擇新增設備->表單組件節點,從右側字段下拖動字段到中間配置區域,形成兩欄佈局:

  • 第一行:設備名稱、產品

  • 第二行:上聯繫統、設備組

  • 第三行:運營商、上聯網絡

  • 第四行:MAC、製造商

  • 第五行:序列號、軟件版本

  • 第六行:硬件版本、設備位置

  • 第七行:位置經度、位置緯度

  • 第八行:連接用戶名、設備祕鑰

4. 選中新增設備 Section

5. Section按鈕區添加增加按鈕:

  • 按鈕文字:增加**

  • 按鈕圖標:add

  • 數據源:設備

  • dataset方法:提交

  • 後處理動作:關閉Section

  • 後處理動作關閉的Section:新增設備

6. Section按鈕區添加取消按鈕:

  • 按鈕文字:取消

  • 按鈕圖標:cancel

  • 數據源:設備

  • dataset方法:刪除

  • 操作的記錄:當前記錄

  • 後處理動作:關閉Section

  • 後處理動作關閉的Section:新增設備

7. 點擊右上角的保存編輯按鈕保存

▍1.3 定義查看設備Section

1. 鼠標移動到左邊頁面結構視圖中設備節點後面的加號➕,選擇添加Section彈出在頁面”設備“中創建Section窗口中輸入信息:

  • 名稱:查看設備

  • 編碼:viewDevice

2. 選擇查看設備 Section,拖動右側組件列表下的數據組件->表單組件到中間區域,看到虛框出現後釋放會彈出組件添加數據源窗口,看到已經默認選中設備這個數據源,直接點擊確定按鈕。

3. 左邊頁面結構視圖中選擇新增設備->表單組件節點。

4. 從字段下拖動字段到中間配置區域,形成兩欄佈局,並設置所有字段組件屬性下的是否可編輯 :否 :

  • 第一行:設備名稱、所屬產品(產品->產品名稱)

  • 第二行:上聯繫統、設備組(設備組->組名稱)

  • 第三行:運營商、上聯網絡

  • 第四行:MAC、製造商

  • 第五行:序列號、軟件版本

  • 第六行:硬件版本、設備位置

  • 第七行:設備編號

  • 第八行:創建時間、創建人(創建人->用戶名)

5. 選中查看設備 Section

6. Section按鈕區添加關閉按鈕:

  • 按鈕文字:關閉**

  • 按鈕圖標:close

  • 數據源:設備

  • 邏輯類型:無

  • 後處理動作:關閉Section

  • 後處理動作關閉的Section:查看設備

7. 點擊右上角的保存編輯按鈕保存。

▍1.4 定義更新設備Section

1. 鼠標移動到左邊頁面結構視圖中設備節點後面的加號➕,選擇添加Section彈出在頁面”設備“中創建Sectio窗口中輸入信息:

  • 名稱:更新設備

  • 編碼:updateDevice

2. 拖動右側組件列表下的數據組件->表單組件到中間區域,看到虛框出現後釋放會彈出組件添加數據源窗口,看到已經默認選中設備這個數據源,直接點擊確定按鈕。

3. 左邊頁面結構視圖中選擇更新產品->表單組件節點,從右側字段下拖動字段到中間配置區域,形成兩欄的佈局:

  • 第一行:設備名稱、產品(不可編輯)

  • 第二行:上聯繫統、設備組

  • 第三行:運營商、上聯網絡

  • 第四行:MAC、製造商

  • 第五行:序列號、軟件版本

  • 第六行:硬件版本、設備位置

  • 第七行:位置經度、位置緯度

4. 點擊右上角的保存編輯按鈕保存。

5. 選中更新設備Section

6. Section按鈕區添加更新按鈕:

  • 按鈕文字:更新**

  • 按鈕圖標:save

  • 數據源:設備

  • dataset方法:提交

  • 後處理動作:關閉Section

  • 後處理動作關閉的Section:更新設備

7. Section按鈕區添加取消按鈕:

  • 按鈕文字:取消

  • 按鈕圖標:cancel

  • 數據源:設備

  • dataset方法:重置

  • 操作的記錄:當前記錄

  • 後處理動作:關閉Section

  • 後處理動作關閉的Section:更新設備

8. 點擊右上角的保存編輯按鈕保存。

▍1.5 設備列表Section中關聯創建設備和更新設備Section

1. 左邊頁面結構視圖中選擇設備列表->表格組件

2. 設置列表按鈕添加的屬性:

  • 按鈕圖標:add

  • 後處理動作:打開Section

  • 彈出Section寬度:中

  • 後處理動作打開的Section:新增設備

3. 設置列表行內按鈕詳情的屬性:

  • 按鈕圖標 :details

  • 數據源:設備 ;

  • dataset方法:查詢;

  • 後處理動作:打開Section

  • 彈出Section寬度:中

  • 後處理動作打開的Section:查看設備

4. 設置列表行內按鈕編輯的屬性:

  • 按鈕圖標:mode_edit

  • 後處理動作:打開Section

  • 彈出Section寬度:中

  • 後處理動作打開的Section:更新設備

5. 點擊右上角的保存編輯按鈕保存。

02 菜單設置

選擇應用設計器左側的菜單管理圖標,進入菜單管理界面,在物聯網管理菜單下添加菜單項:

  • 導航名稱:設備管理

  • 圖標:scissors

  • 跳轉頁面:設備

03 發佈和運行應用

選擇應用設計器頂部右上角發佈按鈕發佈應用,選擇物聯網低代碼服務(試用配置) 發佈配置,點擊確定按鈕開始發佈應用,等待應用發佈完成。

04 持續優化應用

 

圖中紅圈的字段,希望能夠是動態的值列表,通過選擇已經在設備組和產品管理維護好的值。

▍4.1 定義設備組和產品的動態值列表

從業務對象關係圖中的實體對象設備組上方點擊編輯圖標,進入業務對象屬性查看界面:

1. 選擇關聯值列表標籤進入關聯值界面,點擊創建關聯值列表進入創建關聯值列表界面,輸入如下信息:

  • 名稱:設備組

  • 描述

2. 點擊創建按鈕創建設備組 ,選擇設備組進入編輯關聯值列表界面;

3. 右側關聯值列表屬性中設置是否可搜索:是

4. 從右側字段下拖動字段到中間配置區域:

  • 搜索(高級搜索)默認字段:組名稱

  • 列表:組名稱、組描述

5. 點擊保存按鈕完成編輯

6. 進入產品業務對象創建關聯值列表產品:

  • 搜索(高級搜索)默認字段:產品名稱

  • 列表:產品名稱、產品類型、雲端協議、產品描述

▍4.2 爲設備列表搜索和創建設備界面設置關聯值列表

1. 選擇頁面設備進入頁面設計器中

2. 選擇設備列表Section中的表格組件

3. 選擇 搜索(高級搜索)默認字段 中的:

  • 產品:值列表爲 產品

  • 設備組 值列表爲 設備

4. 選擇新增設備 Section中表單組件;

5. 選擇如下字段設置:

  • 產品:值列表爲 產品

  • 設備組 值列表爲 設備組

6. 選擇更新設備Section中的表單組件;

7. 選擇如下字段設置:

  • 設備組值列表爲設備組

▍4.3 發佈運行應用

點擊設備列表行內的詳情鏈接查看設備詳情:

查詢區域字段使用關聯值列表選擇值:

新增設備表單中使用關聯值列表選擇值:

 

--To be continued--

這一節完成了設備管理相關功能的構建,下一節將介紹如何我們在第二節中規劃的V1.5版本相關的功能構建,本系列開發教程每週一更,請持續關注。

 

前四節課程回顧▼

 

▍遇到問題怎麼辦?

在Buildrun使用過程中,任何關於平臺的問題和建議,都可以點擊頁面右下角用戶反饋按鈕,實時向開發團隊提交反饋,我們會在第一時間處理。

 

關於BuildRun

BuildRun帶來了多雲架構環境下基於視覺的企業級應用創建、集成、部署、生命週期管理和分發的能力,由開源Choerodon豬齒魚核心團隊創立的BuildRun公司(上海翹騰科技有限公司)的使命是以雲原生的現代化軟件架構來幫助企業提升軟件開發生產力和業務敏捷性,它提供企業級DevOps平臺和企業級低代碼開發平臺,幫助隱藏應用所依賴的基礎環境的複雜性,讓每個人都只需要專注在業務邏輯上,以新的方式讓團隊能夠快速、持續地將他們的想法轉化爲真正的商業價值。

歡迎免費註冊,體驗試用低代碼應用開發

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章