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

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

1開發(fā)背景

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

2項目開發(fā)工具

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

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

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

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

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

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

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

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

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

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

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

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

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

（4）用戶權(quán)限?；跒g覽器和服務(wù)器模式多用戶多權(quán)限（特色之一）：用戶隸屬于權(quán)限組，不同權(quán)限組有不同權(quán)限。

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

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

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

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

5結(jié)束語

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

參考文獻(xiàn)

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

作者簡介

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