- AIRIOT物聯網平臺開發框架應用與實戰
- 袁寧主編
- 2125字
- 2021-08-12 17:28:21
1.2 系統設置
單擊后臺頁面主菜單“系統設置”圖標,打開“系統設置”頁面,如圖1-13所示。“系統設置”頁面為左右結構,左側為系統設置子菜單,右側為相應子菜單內容,打開后自動選中第一個子菜單(基本信息),系統設置包括基本信息、資產配置、前臺系統菜單、前臺母版、郵箱服務器、微信公眾號、報警配置、畫面組件權限和地圖配置。
圖1-13 “系統設置”頁面
1.2.1 基本信息
單擊子菜單“基本信息”,打開“基本信息”頁面,可設置系統基本信息,包括系統名稱、系統版權信息、系統圖片、系統背景、系統布局、系統主題和瀏覽器標題,設置完成后單擊“保存”按鈕保存設置。
1.2.2 資產配置
資產配置用于設置資產類型,可根據實際情況添加資產類型,如電機、軸承、聯軸器等。單擊子菜單“資產配置”,切換到“資產配置”頁面,如圖1-14所示,單擊“添加資產類型”按鈕,彈出“種類信息”對話框,根據實際情況填入種類信息(如“電機”),單擊“確定”按鈕,返回資產配置頁面,頁面顯示剛添加的資產類型,可繼續添加資產類型,添加完成后,單擊“保存”按鈕,完成資產配置。
1.2.3 前臺系統菜單
前臺系統菜單用于設置前臺主菜單及相應子菜單,系統安裝后前臺默認包括資產管理、在線狀態、報表查看和數據分析4個主菜單(見圖1-11),其中資產管理有子菜單(地理信息),單擊主菜單可下拉顯示子菜單。
圖1-14 “資產配置”頁面
單擊子菜單“前臺系統菜單”切換到“前臺系統菜單”頁面,單擊“菜單管理”右側“添加菜單”圖標打開添加主菜單對話框,如圖1-15所示。其中帶“*”的為必填項,“系統菜單”項為下拉列表,包含了允許前臺查看和操作的所有菜單,可作為主菜單或子菜單。以資產管理為例,系統菜單選擇“資產管理”后,菜單名稱為系統自動設置(可修改),其余保持默認,單擊“保存”按鈕,對話框關閉,頁面彈出“系統設置保存成功”提示。添加系統設置主菜單后前臺頁面如圖1-16所示,此時前臺頁面只有“資產管理”主菜單,可根據需要繼續添加主菜單。
圖1-15 添加主菜單對話框
圖1-16 添加系統設置主菜單后的前臺頁面
單擊菜單管理下的“資產管理”圖標,選中資產管理菜單,如圖1-17所示,可對資產管理菜單進行修改,單擊“添加子菜單”按鈕可添加子菜單,添加子菜單方式與主菜單類似,單擊“刪除”按鈕可刪除該菜單。
圖1-17 “資產管理”菜單配置頁面
1.2.4 前臺母版
前臺母版即前臺頁面的模板,設置前臺母版可以使系統前臺頁面具有統一的的風格和布局,提高工作效率,降低開發和維護難度,如所有頁面具有相同的Logo(標志)、系統名稱、菜單欄、版權信息等。AIRIOT提供了默認的前臺母版,即登錄之后顯示的頁面,如圖1-18所示。此時網址為“IP地址:端口號/app/dashboard”。單擊主菜單可以進入相應頁面,頁面具體內容不同,但平臺Logo(標志)、名稱、菜單欄和版權信息是相同的,即不同頁面使用統一的模板。
圖1-18 AIRIOT默認前臺母版
AIRIOT前臺母版可以自定義設置,單擊“前臺母版”子菜單,切換至“前臺母版”設置頁面,如圖1-19所示,單擊“選擇畫面”按鈕,彈出畫面列表,由于沒有提前設計畫面,畫面列表中沒有畫面。用戶可根據需求設計母版畫面,母版畫面中必須添加菜單組件并且配置相應菜單目錄。畫面列表中存在母版畫面后,即可選擇畫面,單擊“保存”按鈕,前臺母版應用生效。母版畫面設計用到AIRIOT的組態功能,將在第8章詳細介紹。
圖1-19 “前臺母版”設置頁面
1.2.5 郵箱服務器
當采用發送郵件方式進行通知時需要設置郵箱服務器。單擊“郵箱服務器”子菜單,切換至郵箱服務器配置頁面,如圖1-20所示。郵箱服務器配置包括主機、端口、郵箱和密碼,正確填寫信息后,單擊“保存”按鈕,完成郵箱服務器配置。
圖1-20 “郵箱服務器”配置界面
1.2.6 微信公眾號
當采用微信公眾號進行通知時需要配置微信公眾號。單擊“微信公眾號”子菜單,切換至微信公眾號配置頁面,如圖1-21所示。微信公眾號配置包括公眾號ID和密鑰,正確填寫信息后,單擊“保存”按鈕,完成微信公眾號配置。
圖1-21 “微信公眾號”配置界面
1.2.7 報警配置
報警配置用于設置報警聲音、報警種類及是否顯示所有報警頁。單擊“報警配置”子菜單,切換到“報警配置”頁面,如圖1-22所示。
1)報警聲音地址:用于設置發生報警時的聲音,應輸入報警聲音文件的路徑。
2)顯示所有報警頁:勾選后顯示所有報警頁。
3)報警種類:報警種類以列表形式顯示已有報警種類,單擊“添加報警種類”按鈕,彈出“種類信息”對話框,如圖1-23所示,填寫信息后,單擊“確定”按鈕,頁面返回至“報警配置”頁面,列表顯示剛添加的報警種類,完成報警種類添加。用戶可根據實際情況添加報警種類,如電機故障、軸承故障、聯軸器故障等。
圖1-22 “報警配置”頁面
圖1-23 種類信息對話框
1.2.8 畫面組件權限
畫面組件權限用于設置畫面組件的使用權限,單擊“畫面組件權限”子菜單,切換到“畫面組件權限”配置頁面,如圖1-24所示,畫面組件權限包括數據修改器、過濾器、表按鈕、分頁器、動作按鈕組、表格、批量執行指令按鈕,勾選后,畫面具有相應權限。
圖1-24 “畫面組件權限”配置頁面
1.2.9 地圖配置
地圖配置用于設置地圖,單擊“地圖配置”子菜單,切換到“地圖配置”頁面,如圖1-25所示。滾動鼠標滑輪可縮放地圖,“圖層項”為下拉列表,可選擇地圖或衛星圖,“中心位置”用于設置系統所在中心位置,在地圖中單擊所在位置,則中心位置設置為相應的經度和緯度。
圖1-25 “地圖配置”頁面
- 黑客攻防從入門到精通(實戰秘笈版)
- Learn TypeScript 3 by Building Web Applications
- Redis入門指南(第3版)
- 騰訊iOS測試實踐
- Python數據可視化:基于Bokeh的可視化繪圖
- ASP.NET Core Essentials
- Podman實戰
- PySide GUI Application Development(Second Edition)
- Scala程序員面試算法寶典
- Android系統級深入開發
- Linux C編程:一站式學習
- 劍指大數據:企業級數據倉庫項目實戰(在線教育版)
- Java程序設計案例教程
- 創意UI:Photoshop玩轉APP設計
- jQuery技術內幕:深入解析jQuery架構設計與實現原理