基于Angular的運維管理系統(tǒng)研發(fā)概述

摘 要 基于Angular的運維管理系統(tǒng)是兼容PC端和移動端的跨平臺設計，主要為實現(xiàn)公司的運維人員能夠在運維現(xiàn)場也能通過手機及時記錄設備運行的情況，設備出現(xiàn)的故障，更換零器件等功能。此系統(tǒng)替代紙質(zhì)記錄，保證數(shù)據(jù)的及時性、準確性和完整性，同時能夠減輕運維人員的工作量，提高工作的效率。

關鍵詞 Angular運維管理系統(tǒng);兼容PC和移動端;跨平臺

1開發(fā)背景

該項目利用Angular6.架構搭建網(wǎng)站系統(tǒng)，通過Angular搭建前端界面，登錄界面、故障處理界面等通過組件的形式進行開發(fā)，以便模塊化的方式創(chuàng)建，利用Angular 的http服務的post方法，請求tomcat服務器，服務器返回json數(shù)據(jù)給請求的瀏覽器，數(shù)據(jù)展示在瀏覽器的界面上[1]。

2項目開發(fā)工具

操作系統(tǒng)：Windows7 及以上版本

應用服務器：網(wǎng)關接收程序、緩存處理程序，web服務運行在Tomcat8.0以上

開發(fā)語言：JAVA，開發(fā)工具： IntelliJ IDEA

數(shù)據(jù)庫： MySql 5.7數(shù)據(jù)庫

瀏覽器：IE10以上、谷歌、火狐、360、Safari

3系統(tǒng)核心技術

（1）Angular。Angular集聲明式模板、依賴注入、端到端工具和一些最佳實踐于一身。Angular應用實現(xiàn)，是用Angular擴展語法編寫HTML模板，用組件類管理這些模板，用服務添加應用邏輯，用模塊打包發(fā)布組件與服務，用根模塊來啟動該應用，使它在瀏覽器中接管、展現(xiàn)應用的內(nèi)容，并根據(jù)提供的操作指令響應用戶的交互。Angular為開發(fā)者提升構建Web、手機或桌面應用的能力。

（2）Angular-CLI。Angular-CLI是Angular框架官方的一個構建工具，集成了大量的NodeJS模塊，它通過一條命令就能自動創(chuàng)建項目的目錄結構、自動生成Component骨架代碼并自動添加依賴、自動熱加載代碼、對AngularMaterial2組件庫提供了內(nèi)置支持，使Angular框架的搭建更加簡單，快捷。

（3）Angular Material。Angular Material是Angular框架之上的Material Design的具體實現(xiàn)，簡單說是一種UI組件庫，為Angular框架開發(fā)提供一些寫好的UI組件和界面色彩主題，在界面開發(fā)時直接調(diào)用相應的組件，選擇喜歡的主題，使用戶界面設計更加簡單，用戶界面風格更加統(tǒng)一。

4系統(tǒng)的功能設計

（1）任務管理。①故障查詢模塊，主要有查詢和記錄處理故障的功能。查詢功能：通過故障發(fā)生的時間和故障的類型進行篩選，查詢到滿足條件的未完成的故障任務;故障處理功能：通過在故障處理界面，填寫處理故障完成的狀態(tài)，選擇是否已經(jīng)報備，選擇運維人員，填寫處理故障的時間，故障發(fā)生的原因，報備故障的時間，勾選要更換的部件，上傳故障圖片，來記錄當前設備的故障信息。②巡檢任務模塊，主要有查詢功能和記錄處理任務的功能。查詢功能：通過任務發(fā)生的時間進行篩選，查詢到滿足條件的未完成的巡檢任務;任務處理功能，通過進入任務處理界面，填寫任務的基本信息，選擇更換的部件，勾選巡檢項列表，上傳圖片，及時保存任務信息。③校驗任務模塊，主要由查詢功能和記錄處理校驗任務的功能，查詢功能：主要是通過任務發(fā)生的時間進行篩選，查詢到滿足條件的未完成的校驗任務;任務處理功能：通過點擊“處理任務” 按鈕，進入任務處理界面，填寫校驗任務完成的狀態(tài)，處理任務時間，運維人員以及一些備注信息，上傳處理任務的圖片，保存任務信息。

（2）設備管理。①設備列表，查詢功能：通過設備的序列號篩選，獲取滿足條件的設備列表。②新建故障任務，通過已知設備來創(chuàng)建故障任務，進入新建故障界面，設置故障類型，分配運維人員，指定運維負責人。③新建其他任務，通過指定設備創(chuàng)建任務，進入新建任務界面，設置任務類型，分配運維人員，指定運維負責人，填寫任務描述。④已完成故障任務，通過故障處理的時間來篩選已完成的故障任務，以列表形式示。⑤已完成其他任務，通過處理時間，任務類型來篩選已完成的任務信息，結果以列表形式顯示。⑥設備詳細信息，進入設備信息詳細界面，查看設備的詳細信息，包括：設備名稱，設備類型，設備型號，生產(chǎn)廠商，企業(yè)名稱，站點名稱，安裝時間。

（3）未處理任務。主界面會顯示未處理的各項任務，同時后端會推送消息通知，在此界面內(nèi)實時的顯示通知消息，發(fā)出提示音，提醒用戶進行任務的處理。點擊進入未處理信息的詳細界面，可查看詳細的信息，并可以指定運維人員進行維護，并可以下方短信消息給用戶，通知運維人員及時維護。

（4）用戶權限。基于瀏覽器和服務器模式多用戶多權限（特色之一）：用戶隸屬于權限組，不同權限組有不同權限。

多用戶多權限，不同用戶擁有不同的權限，操作不同的功能，根據(jù)人員角色的不同分配不同的權限，根據(jù)不同權限，運維人員對系統(tǒng)進行不同的操作。

（5）修改密碼。輸入原始密碼，新密碼，確定密碼，原始密碼輸入正確且新密碼和確認密碼一致，則密碼修改成功。

（6）數(shù)據(jù)接收。數(shù)據(jù)接收與指令推送（獨立進程）：通過網(wǎng)關系統(tǒng)（TCP或UDP）接收環(huán)保設備的監(jiān)測數(shù)據(jù)和狀態(tài)信息。

（7）安全考慮。由于系統(tǒng)的使用范圍為環(huán)保民用領域，考慮到數(shù)據(jù)服務器可能與政府網(wǎng)路共享，因此設計時參照政府網(wǎng)絡建設要求，符合環(huán)境信息系統(tǒng)安全技術規(guī)范，系統(tǒng)是擁有一個多用戶、多權限的登錄認證過程，所以在用戶信息建立的時候，就需要嚴格設定其權限信息，根據(jù)權限設置其操作功能，并且在后期嚴格限制越權操作。

5結束語

基于Angular運維管理系統(tǒng)，為推動企業(yè)的信息化發(fā)展，提高企業(yè)運維效率，降低企業(yè)運維成本，合理安排運維工作，提高運維服務，提供了一個優(yōu)秀的信息化的平臺。

參考文獻

[1] 王芃.Angular從零到一[M].北京：機械工業(yè)出版社，2017：179.

作者簡介

王宏崢（1990-），女，天津人;學歷：本科，職稱：助理工程師，現(xiàn)就職單位：天津七一二通信廣播股份有限公司，研究方向：計算機軟件。