基于Vue.JS的企業(yè)監(jiān)控平臺設計與研發(fā)

基于Vue.JS的企業(yè)監(jiān)控平臺設計與研發(fā)TheDesignandDevelopmentof“EnterpriseMonitoring”PlatformBasedonVue.JS摘要近些年來，自動化監(jiān)控席卷全城，包括UI自動化，接口自動化等。市面上的監(jiān)控系統(tǒng)有很多，但大多收費，對于中小型前端項目來說，必然是痛點。另一點主要原因是，功能通用，卻未必能夠滿足我們自己的需求。墨跡監(jiān)控系統(tǒng)中，所有的性能監(jiān)控工作都由不同的監(jiān)控項目來完成，用戶可以監(jiān)控各種類型的任務，比如墨跡UI、墨跡接口、天氣監(jiān)控、UI自動化、數(shù)據(jù)構造、測試任務、測試接口、測試case用例、項目人力安排、項目甘特圖以及供公司測試人員使用的測試小工具、競品數(shù)據(jù)對比等。測試小工具中主要為測試人員而作，包括：兩個版本的天氣數(shù)據(jù)、Mock數(shù)據(jù)、Xmind轉excel轉換工具、員工推送測試的工具等。另外，這個項目還主要用于監(jiān)控和管理公司內(nèi)部幾百個域名下的所有接口和case用例。當今社會的互聯(lián)網(wǎng)發(fā)展，讓新近技術越來越強大。本項目所做的主要目的，是讓人們可以24小時在線，了解更多的接口詳情，更多的監(jiān)控詳情等，帶給人類的一些快捷，隨時隨地查看公司線上APP及網(wǎng)站的狀態(tài)、及時處理工作、隨時保持溝通、迅速解決bug、需求管理、項目管理、工具管理、數(shù)據(jù)監(jiān)控，使我們的工作生活更加豐富充實，讓公司員工不再苦惱，該項目能夠降低他們的加班頻率，提高員工工作效率。監(jiān)控系統(tǒng)和移動APP的整合，可以讓認真工作的人們更方便的在線上進行監(jiān)控和操作等等，會更加有力篩選出重要的內(nèi)容，反饋APP有價值的信息。關鍵詞：監(jiān)控系統(tǒng)；互聯(lián)網(wǎng)；UI自動化

AbstractInrecentyears,automatedmonitoringhassweptthecity,includingUIautomation,interfaceautomationandsoon.Therearemanymonitoringsystemsonthemarket,butmostofthemchargefees.Forsmallandmedium-sizedfront-endprojects,itisboundtobeapainpoint.Anothermajorreasonisthatfunctionsareuniversal,butnotnecessarilyabletomeetourownneeds.Ininkmonitoringsystem,allperformancemonitoringworkisaccomplishedbydifferentmonitoringprojects.Userscanmonitorvarioustypesoftasks,suchasinkUI,inkinterface,weathermonitoring,UIautomation,dataconstruction,testtasks,testinterfaces,testcasecases,projectmanpowerarrangement,projectGanttchartandtestkitsforcompanytesters.Competitiondatacomparisonandsoon.Mainlyusedtomonitorandmanageallinterfacesandcaseusecasesunderhundredsofdomainnameswithinthecompany.WiththerapiddevelopmentoftheInternet,theso-calledInternet,whichisregardedasthegreatestinventionofthe20thcentury,collidespassionatelywiththemostadvancedautomatedmonitoringtechnology,andanewInternetworldwithunlimitedinnovationandvitalityisborn.Today'sInternetallowspeopletobeonline24hourstolearnmoreinterfacedetails,moremonitoringdetailsandsoon.Theinformationsocietyhasbroughtsomeshortcutstohumanbeings.TheInternetcanviewthecompany'sAPPstatus,processwork,maintaincommunication,solvebugs,demandmanagement,projectmanagement,toolmanagement,datamonitoringanytimeandanywhere,soastoenrichourworkandlife.。TheintegrationofmonitoringsystemandmobileAPPcanmakeitmoreconvenientforpeoplewhoworkhardtomonitorandoperateonline,andsoon.ItwillscreenoutimportantcontentmoreeffectivelyandfeedbackvaluableinformationofAPP.Keywords:Monitoringsystem；Internet；UIautomation

第1章前言近些年來，自動化監(jiān)控席卷全城，包括UI自動化，接口自動化等。市面上的監(jiān)控系統(tǒng)有很多，大多收費，對于中小型前端項目來說，必然是痛點。另一點主要原因是，功能通用單一，卻未必能夠滿足我們自己的需求。1.1項目概述“墨跡監(jiān)控管理系統(tǒng)”是在北京一家互聯(lián)網(wǎng)公司墨跡天氣實習期間所開發(fā)，用于公司內(nèi)部測試人員的日常工作，包括墨跡天氣APP的數(shù)據(jù)監(jiān)控、競品數(shù)據(jù)監(jiān)控、需求管理、項目管理、接口管理、case管理、bug管理、用例管理、測試報告、數(shù)據(jù)報表、員工工作報表、以及公司測試機管理等等。1.1.1項目背景近年來，自動化監(jiān)控席卷全城，包括UI自動化，接口自動化等。市面上的監(jiān)控系統(tǒng)有很多，大多收費，對于中小型監(jiān)控項目來說，必然是痛點。另一點主要原因是，功能通用單一，前端監(jiān)控功能主要包含：JS錯誤日志監(jiān)控分析、靜態(tài)資源請求報錯統(tǒng)計、用戶行為檢索、接口請求報錯統(tǒng)計、HTML加載性能分析、PVUV日志分析。這些雖然功能齊全，但卻未必能夠滿足我們自己的需求。對于運維人員來說，系統(tǒng)往分布式系統(tǒng)的方向發(fā)展、系統(tǒng)和系統(tǒng)的依賴難以知曉；故障排查成本高；系統(tǒng)的壓力和系統(tǒng)的水位分析。對于測試人員來說，壓力分布測試難度大。對于開發(fā)者來說，系統(tǒng)排查錯誤的成本過于高。隨著市場環(huán)境的變化以及國際化的進程，企業(yè)的各種對內(nèi)、對外需求也日益增長。服務化的架構以及容器化的應用加速了各種功能、產(chǎn)品的迭代與更新。隨之而來，我們也面臨著一個不斷膨脹，日漸復雜的系統(tǒng)。復雜度的成倍增加對故障的根因分析、執(zhí)行流程的調優(yōu)以及數(shù)據(jù)鏈路的追蹤帶來了極大的挑戰(zhàn)。因此，對于一個企業(yè)級的應用監(jiān)控系統(tǒng)來說，也應該持續(xù)地發(fā)展、演化，才能更好地解決痛點，提高用戶的整體效率。如今，應用的執(zhí)行流程往往由種種內(nèi)外部依賴、軟硬件結合構成。相應的，針對不同的需求，監(jiān)控領域也有著業(yè)務指標監(jiān)控、應用監(jiān)控以及基礎設施監(jiān)控等等類別。對于墨跡監(jiān)控管理系統(tǒng)而言，它的主要功能是監(jiān)控和管理線上APP或接口的成功率、穩(wěn)定性。在服務化場景下，它應致力于快速監(jiān)測并診斷出一個復雜的服務調用鏈路中的潛在問題，幫助研發(fā)人員更好地維護服務的質量1.1.2目的和意義“墨跡監(jiān)控管理系統(tǒng)”的設計與開發(fā)要在公司APP和測試人員之間建立良好的聯(lián)系，一方面為“墨跡天氣”這款軟件建立一個可靠性能的平臺，還要為用戶提供一個體驗良好的天氣軟件，網(wǎng)站設計開發(fā)完成，品牌在線下或線上宣傳上都有了一個很完備的載體，并且網(wǎng)站是基于rem技術開發(fā)的，可以在各種電腦設備上完美展現(xiàn)，可以非常方便的在線上監(jiān)控接口和case。另一方面，對于應用監(jiān)控系統(tǒng)來說，它的主要是為了管理、監(jiān)控線上APP及接口的性能與可用性。在服務化場景下，它應致力于快速監(jiān)測并診斷出一個復雜的服務調用鏈路中的潛在問題，幫助研發(fā)人員更好地維護服務的質量1.2監(jiān)控管理系統(tǒng)運行和開發(fā)環(huán)境服務器端操作系統(tǒng)：Linux；服務器端硬件環(huán)境：Macpro；客戶端硬件環(huán)境：512MRAM個人計算機；開發(fā)工具：VSCode；數(shù)據(jù)庫：MySQL；開發(fā)語言：Vue.JS+ElementUI+Axios+Java；開發(fā)軟件所用版本：VSCode2018+TortoiseSVN1.9.5；

第2章監(jiān)控管理系統(tǒng)需求分析本系統(tǒng)是根據(jù)墨跡天氣品牌網(wǎng)站的需求，對其進行數(shù)據(jù)監(jiān)控、項目管理等操作。將這個網(wǎng)站的功能分為核心數(shù)據(jù)、線上監(jiān)控、數(shù)據(jù)監(jiān)控、用例管理、需求任務、報表、任務調度、測試工具、用戶管理、測試相關等。2.1監(jiān)控管理系統(tǒng)基本功能需求系統(tǒng)主要是針對公司的技術平臺部門員工，供他們工作使用，主要幫助他們監(jiān)控管理各個項目接口數(shù)據(jù)、測試用例、任務安排等。功能主要包含十大模塊，包括：核心數(shù)據(jù)、線上監(jiān)控、墨跡天氣APP的數(shù)據(jù)監(jiān)控、用例管理、部門的需求任務、報表（包括工作報表和數(shù)據(jù)報表）、任務調度、測試工具、用戶管理、測試相關。下面是針對每個模塊細化的功能：核心數(shù)據(jù)：涵蓋了幾乎整個系統(tǒng)的所有核心數(shù)據(jù)，此模塊僅僅展示了核心數(shù)據(jù)的概覽，大多數(shù)是近一周、近一個月或近三個月的概況。其中核心數(shù)據(jù)包括：IOS崩潰率、Android崩潰率、HTTP接口成功率、TCP接口成功率、任務需求數(shù)、BUG統(tǒng)計數(shù)、HTTP接口成功率的Last5、HTTP接口統(tǒng)計圖、HTTP告警Top5、TCP接口成功率的Last5、TCP接口統(tǒng)計圖、TCP告警Top5等。線上監(jiān)控：分為線上監(jiān)控、崩潰率監(jiān)控、專項監(jiān)控三大模塊。線上監(jiān)控中有詳細的監(jiān)控列表，監(jiān)控內(nèi)容包括接口、case、廣告位、統(tǒng)計報表、接口對比報表、case對比報表、環(huán)比統(tǒng)計反應變化速度、告警記錄、問題匯總等；崩潰率監(jiān)控又包括全版本崩潰率和單版本崩潰率；專項監(jiān)控中有天氣接口。數(shù)據(jù)監(jiān)控：主要負責監(jiān)控兩大模塊的數(shù)據(jù)，即天氣監(jiān)控和數(shù)據(jù)采集。天氣監(jiān)控的范圍包括墨跡天氣APP的短時部分、實況部分、推送部分、溫度部分、預報部分、以及AQI部分。而數(shù)據(jù)采集主要采集客戶端截圖、廣告位、以及評論抓取。用例管理：分為接口管理和case管理。接口管理主要負責處理接口列表下的所有case，對某接口所屬的case進行單獨或批量地增刪改查。另外展示接口列表的平均響應時間、平均成功率、平均穩(wěn)定性。Case管理包括case的詳細信息，執(zhí)行情況、以及操作。需求任務：分為任務概覽和項目安排。任務概覽頁面主要展示了公司內(nèi)某部門的任務數(shù)、投入人力、以及BUG數(shù)。項目安排主要展示的是某部門下的所有工作項目，任務排期、以及人力安排等。其中有任務看板和項目甘特圖等有趣的功能。報表：分為數(shù)據(jù)報表和工作報表。數(shù)據(jù)報表主要用于領導層的匯報工作；而工作報表則是用于管理員工的日常工作。任務調度：分為任務調度和接口報告。主要用于對線上監(jiān)控的內(nèi)容進行任務調度，展示接口報告。任務調度中接口調度時負責跑接口的，可以手動看接口用例的成功率等；UI調度則是負責跑IOS、Android手機的用例。測試工具：包括APP天氣數(shù)據(jù)的構造（含有新舊兩個版本）、Mock工具、推送測試工具、Xmind轉Excel工具。用戶管理：只有管理員及個別開發(fā)者有權限查看，里面包含用戶信息，能夠對用戶信息進行增刪改查，能夠修改信息、重置密碼等。測試相關：主要是對公司內(nèi)部的測試機進行管理，功能包括測試機的具體信息、型號、領用人、交接人。2.2監(jiān)控管理系統(tǒng)可行性分析開發(fā)網(wǎng)站前，項目可行性分析包括項目的目標用戶分析、用戶的痛點以及偽需求分析、產(chǎn)品的優(yōu)勢劣勢分析、技術可行性分析、開發(fā)時間分析等。項目的目標用戶包括墨跡天氣公司的內(nèi)部人員，大多數(shù)使用人員為測試人員。網(wǎng)絡市場上買來的監(jiān)控平臺，雖然功能強大，但卻不能“因地適宜”，功能不能滿足用戶的偽需求。因此，產(chǎn)品的優(yōu)勢，即是能為用戶提供全面、吻合的功能。產(chǎn)品的劣勢就是使用人群單一，數(shù)據(jù)安全對于開發(fā)人員是個大挑戰(zhàn)，現(xiàn)僅供公司內(nèi)部使用。實際開發(fā)網(wǎng)站時，需要慎重地并且盡可能早的估計網(wǎng)站開發(fā)的可行性，對于可行性分析，要考慮：社會、經(jīng)濟、技術、運行、操作等多方面。項目設計主要用于測試人員監(jiān)控“墨跡天氣”APP的數(shù)據(jù)，寫測試用例為某個特殊目標而編制的一組測試輸入、執(zhí)行條件以及預期結果，以便測試為某個特殊目標而編制的一組測試輸入、執(zhí)行條件以及預期結果，以便測試某個程序路徑或核實是否滿足某個特定需求。2.2.1社會可行性緊跟著經(jīng)濟的飛速發(fā)展，還有人類的不斷進步，人們對自己及家人的生活質量有著嚴格的要求。外出旅行游玩、運動、購物，走出家門之前，人們首先要通過手機了解天氣，打開天氣軟件查天氣。墨跡天氣是能夠滿足的。這款APP具有人性化的功能設計，操作簡單并且易用，是中國比較流行且出色的天氣預報軟件。而此項目是為了監(jiān)控這款APP以及其公司的數(shù)據(jù)，以至于能讓開發(fā)人員及時發(fā)現(xiàn)問題，及時修改bug提高用戶體驗。人們對天氣軟件的需求量越來越大，墨跡天氣不僅解決了人們重視的天氣問題，還得到了社會的認可，在眾多競品中有一定影響力，因此具有社會可行性。2.2.2經(jīng)濟可行性經(jīng)濟可行性是項目可行性研究的重要組成部分,它貫穿于整個可行性研究的全過程。是需要對項目進行成本效益的分析，然后要評估該項目的開發(fā)成本，再估算該項目的開發(fā)成本會不會超過項目預期的全部利潤，即是確認一下支出和收益的對比結果。需要支出的大概有人力的支出、軟硬件的成本、市場開拓所需的支出、廣告所需支出、運營成本所需的支出、后期維護和系統(tǒng)升級所需要的成本支出以及其他支出。而收益大概有一次性銷售得到的的收益、服務費類的收益、投資回報的周期、產(chǎn)品生命的周期、使用的人數(shù)以及用戶規(guī)模、隱性的價值（如口碑）。運行此項目所需要的硬件資源和軟件資源，如服務器和數(shù)據(jù)庫操作系統(tǒng)等公司已經(jīng)具備，不需購買，而且隨著網(wǎng)站的投入使用，它將代替人工進行的許多復雜的工作，勢必會節(jié)約大量的資源，使工作效率得到提高。開發(fā)本網(wǎng)站需要的資源比較少，開發(fā)成本較低。因此，在經(jīng)濟上具有可行性。是項目可行性研究的重要組成部分,它貫穿于整個可行性研究的全過程。2.2.3技術可行性本系統(tǒng)的開發(fā)所需要的技術有很多，包括計算機軟硬件技術、系統(tǒng)開發(fā)人員的技術水平和用戶管理以及使用的能力等。然而，針對于一個中小型的企業(yè)下的開發(fā)團隊來說，他們有能力做好這一工作。結合項目情況，技術可行性分析要考慮如下幾個方面：計算機軟硬件技術。運行本系統(tǒng)的開發(fā)環(huán)境包括有操作系統(tǒng)、服務器和數(shù)據(jù)庫等都是和計算機硬件相兼容，這也能夠穩(wěn)定運行，因此基本上滿足了網(wǎng)站建設的需求；網(wǎng)站開發(fā)員工的技術水平。本系統(tǒng)的前后端開發(fā)人員經(jīng)歷過多次項目，具有嫻熟的項目經(jīng)驗，熟練掌握開發(fā)系統(tǒng)的相關技術，有能力實現(xiàn)此系統(tǒng)；用戶操作水平。系統(tǒng)用戶人群為公司內(nèi)部人群，主要用于測試人群，他們都具備一定的測試能力，網(wǎng)站基礎知識，還能夠熟練運用計算機了解世界。并且系統(tǒng)的界面炫酷新穎、用戶互體驗良好、運行與維護較為方便。綜上所述，系統(tǒng)的建設具有技術可行性。2.2.4運行可行性本網(wǎng)站為品牌方和想要了解品牌信息和購買商品的用戶提供了一個平臺，用戶可以根據(jù)自己的需求在線上商城挑選并購買中意的商品，品牌方接收線上訂單在線下實現(xiàn)配貨發(fā)貨，完成O2O的商業(yè)運營模式。本系統(tǒng)為公司主營APP“墨跡天氣”的監(jiān)控項目，有穩(wěn)定的用戶群體，開發(fā)群體，測試群體，以及維護群體。綜上可以看出，項目在運行方面具有可行性。2.3監(jiān)控管理系統(tǒng)的技術需求一個網(wǎng)站的開發(fā)主要有前期網(wǎng)站定位、網(wǎng)站內(nèi)容，后臺管理，域名注冊、空間租用、網(wǎng)站界面設計、網(wǎng)站代碼制作五個部分，五個部分互相聯(lián)系。2.3.1開發(fā)工具的選擇VSCode是出自一家強大的的公司微軟，于2015年發(fā)布，優(yōu)點是免費、現(xiàn)代化跨平臺，原生支持Git，并且它還擁有著最強大的插件社區(qū)，對于一個做前端的學生來講，它是最適合不過的編輯器了。在越來越多各種強大的插件支持下，我們能夠使用VSCode來寫各種其他語言。例如：做嵌入式開發(fā)常用的C/C++，面向過程的JAVA語言。隨著時代的發(fā)展，像Sublime類似的IDE，雖然上手簡單，但是其編輯器功能已經(jīng)遠遠落后于時代。有些IDE還有著收費、不開源、不支持跨平臺等各種問題。而VSCode正好彌補了這些缺點，強大的編輯器功能、豐富插件得到了許多年輕程序員的青睞。2.3.2數(shù)據(jù)庫的選擇對于系統(tǒng)的開發(fā)來說，數(shù)據(jù)庫站著不可或缺的地位。當下較為流行的數(shù)據(jù)庫有很多，種類繁多，各有不同。例如MYSQL、SQLServer、MongoDB等等。而其實這個項目只是個中小型的項目，并且MySQL方便好用，高性能，可伸縮性強，并且具有可靠性。因此墨跡監(jiān)控管理系統(tǒng)用MYSQL作為數(shù)據(jù)庫就很適合。2.3.3服務器的選擇項目選擇阿里云服務器搭建網(wǎng)站。近年來，網(wǎng)站比較多，搭建APP、網(wǎng)站、VPN等都可以，但是像云服務器的選擇上，除了阿里云也可以考慮一些“小廠”，為了搶占市場，小廠的性價比上會更高。滴滴現(xiàn)在也做云了，一個做出行的公司開始做云，樓主也挺好奇的，所以前陣兒特意做了一次阿里云和滴滴云的服務器測評，結果滴滴云表現(xiàn)還挺出乎意料的?？偟膩碚f，滴滴云P4解碼性能比阿里云高約30%，但是價格只是阿里云的33%，在價格上，滴滴云的同規(guī)格實例相比阿里云的實例，便宜了將近一倍的價格，另外，不同緯度的計算性能測試來看，性能也在2-5倍之間。能夠方便的做好數(shù)據(jù)恢復，還能自由配置CPU、自由配置內(nèi)存、自由配置帶寬等，還可以隨時隨地配置數(shù)據(jù)不丟失，性價比高，還能支持包年包月或按量計費，能滿足不同人群或項目的需求，靈成本運維。2.3.4編程語言的選擇HTML超文本標記語言，標準通用標記語言下的一個應用。是網(wǎng)頁制作必備的編程語言“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。是制作前端網(wǎng)頁的基礎，是前端頁面的“骨架”，也是超文本標記語言，是用來制作前端Web頁面的首選。超文本標記語言，標準通用標記語言下的一個應用。是網(wǎng)頁制作必備的編程語言“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。一個網(wǎng)站前臺的所有頁面的制作離不開CSS語言，CSS是一個Web頁面的樣式語言，用于修飾和完善頁面的“外貌”。CSS可以達到的效果和特點：（1）CSS可以跨瀏覽器使用；（2）CSS2一些特殊的效果樣式必須可以通過制作圖片樣式實現(xiàn)，而今只要使用CSS3就可以把這些樣式簡潔的展示出來，CSS文件較小，從而提高了網(wǎng)頁響應速度；（3）CSS將頁面上的字體美化，布局更清晰，頁面更加美觀；（4）CSS能容易地控制Web頁面布局。（5）CSS可以將許多網(wǎng)頁頁面的樣式同時改變，這樣有利于版面的升級與修改，減少了工作量，易于維護。JavaScript是基于HTML和CSS之上而言的，我們把HTML比作人體的“骨骼”，而CSS則被比作是人的“衣服裝扮”等。JavaScript則是讓一個人比“動”起來。用它來開發(fā)的應用程序能夠把客戶端和服務器上的對象聯(lián)系在一起，并且它能夠通過Internet動態(tài)的與用戶進行交互，在網(wǎng)頁設計中發(fā)揮著很重要的作用。另外，系統(tǒng)還使用了三大框架之一較輕量級的Vue.js。使用到的三方庫包含以下插件：（1）HTML元素選?。唬?）NPM操作；（3）Echart圖表操作；（4）HTML事件函數(shù)；（5）Animate特效和動畫；（6）VueLazylooad圖片懶加載插件；（7）Axios接口調試；（8）Utilities。

第3章監(jiān)控管理系統(tǒng)概要設計“墨跡監(jiān)控管理系統(tǒng)”是用于公司內(nèi)部技術平臺部門的日常工作，包括墨跡天氣APP的數(shù)據(jù)監(jiān)控、競品數(shù)據(jù)監(jiān)控、需求管理、項目管理、接口管理、case管理、bug管理、用例管理、測試報告、數(shù)據(jù)報表、員工工作報表、以及公司測試機管理等等。本章節(jié)主要內(nèi)容包括：網(wǎng)站的概要設計，如“墨跡監(jiān)控管理系統(tǒng)”的模塊分析、架構圖介紹、業(yè)務流程圖介紹，對網(wǎng)站的整體設計結構進行功能模塊的劃分、技術路線的選擇、UI以及數(shù)據(jù)庫設計。3.1監(jiān)控管理系統(tǒng)模塊分析系統(tǒng)主要包括公司內(nèi)通過審核后，釘釘已經(jīng)注冊成功的用戶、網(wǎng)站管理人員即管理網(wǎng)站后臺的人員。新用戶需要通過釘釘申請賬號，之后找管理員開通賬號方可使用該系統(tǒng)，否則將無權限訪問部分功能，只能瀏覽少部分功能。另外，管理員及部分開發(fā)人員登錄后能對用戶信息進行查看和管理。3.1.1用戶模塊分析用戶模塊即為系統(tǒng)的前端頁面，項目可以分為以下幾個部分：用戶登錄、首頁核心數(shù)據(jù)、線上監(jiān)控、崩潰率統(tǒng)計、專項天氣接口監(jiān)控（世界）、APP數(shù)據(jù)監(jiān)控、數(shù)據(jù)采集、用例管理、需求任務、報表（包括數(shù)據(jù)報表和工作報表）、任務調度、測試工具、用戶管理、測試機管理等功能。下面將分別介紹每個模塊的功能。用戶登錄模塊負責新用戶的登錄，計算今日登錄次數(shù)和累計登錄次數(shù)，并存入數(shù)據(jù)庫。同時負責驗證用戶名及密碼，判斷是否允許已擁有賬號用戶的登錄，這種操作通常都是從數(shù)據(jù)庫中查詢，然后在頁面上作出相應的響應。首頁核心數(shù)據(jù)模塊涵蓋了幾乎整個系統(tǒng)的所有核心數(shù)據(jù)，此模塊僅僅展示了核心數(shù)據(jù)的概覽，大多數(shù)是近一周、近一個月或近三個月的概況。其中核心數(shù)據(jù)包括：IOS崩潰率、Android崩潰率、HTTP接口成功率、TCP接口成功率、任務需求數(shù)、BUG統(tǒng)計數(shù)、HTTP接口成功率的Last5、HTTP接口統(tǒng)計圖、HTTP告警Top5、TCP接口成功率的Last5、TCP接口統(tǒng)計圖、TCP告警Top5等。線上監(jiān)控模塊又分為線上監(jiān)控、崩潰率監(jiān)控、專項監(jiān)控三大模塊。線上監(jiān)控中有詳細的監(jiān)控列表，監(jiān)控內(nèi)容包括接口、case、廣告位、統(tǒng)計報表、接口對比報表、case對比報表、環(huán)比統(tǒng)計反應變化速度、告警記錄、問題匯總等；崩潰率監(jiān)控又包括全版本崩潰率和單版本崩潰率；專項監(jiān)控中有天氣接口。數(shù)據(jù)監(jiān)控模塊主要負責監(jiān)控兩大模塊的數(shù)據(jù)，即天氣監(jiān)控和數(shù)據(jù)采集。天氣監(jiān)控的范圍包括墨跡天氣APP的短時部分、實況部分、推送部分、溫度部分、預報部分、以及AQI部分。而數(shù)據(jù)采集主要采集客戶端截圖、廣告位、以及評論抓取。用例管理模塊分為接口管理和case管理。接口管理主要負責處理接口列表下的所有case，對某接口所屬的case進行單獨或批量地增刪改查。另外展示接口列表的平均響應時間、平均成功率、平均穩(wěn)定性。Case管理包括case的詳細信息，執(zhí)行情況、以及操作。需求任務模塊分為任務概覽和項目安排。任務概覽頁面主要展示了公司內(nèi)某部門的任務數(shù)、投入人力、以及BUG數(shù)。項目安排主要展示的是某部門下的所有工作項目，任務排期、以及人力安排等。其中有任務看板和項目甘特圖等有趣的功能。報表模塊分為數(shù)據(jù)報表和工作報表。數(shù)據(jù)報表主要用于領導層的匯報工作；而工作報表則是用于管理員工的日常工作。任務調度模塊分為任務調度和接口報告。主要用于對線上監(jiān)控的內(nèi)容進行任務調度，展示接口報告。任務調度中接口調度時負責跑接口的，可以手動看接口用例的成功率等；UI調度則是負責跑IOS、Android手機的用例。測試工具模塊包括：APP天氣數(shù)據(jù)的構造（含有新舊兩個版本）、Mock工具、推送測試工具、Xmind轉Excel工具。用戶管理這個模塊只有個別開發(fā)者和管理員有權訪問，相比普通用戶多了用戶信息部分，能夠對用戶信息進行增刪改查，能夠修改信息、重置密碼等。測試相關模塊主要是對公司內(nèi)部的測試機進行管理，功能包括測試機的具體信息、型號、領用人、交接人。3.1.2管理員模塊分析管理員模塊即管理員管理網(wǎng)站內(nèi)容的模塊，管理員模塊又可以分為下邊幾個子模塊：（1）查看用戶信息，對用戶進行操作；（2）對系統(tǒng)內(nèi)容進行管理，接口、case、等進行修改；（3）發(fā)布系統(tǒng)的公告；（4）查看用戶操作；（5）系統(tǒng)信息的管理。3.2監(jiān)控管理系統(tǒng)架構圖根據(jù)墨跡天氣的需求，對其進行數(shù)據(jù)監(jiān)控、項目管理等操作。將這個網(wǎng)站的功能分為核心數(shù)據(jù)、線上監(jiān)控、數(shù)據(jù)監(jiān)控、用例管理、需求任務、報表、任務調度、測試工具、用戶管理、測試相關10個部分。其中各個部分具體功能模塊如圖3.1所示：圖3.1具體功能模塊圖3.2.1監(jiān)控管理系統(tǒng)核心數(shù)據(jù)以上小節(jié)介紹的功能模塊遠遠不足以介紹本系統(tǒng)，如需清晰地了解清楚，則需要更加詳細的功能模塊。因此，以上10個模塊被分成很多詳細功能。系統(tǒng)功能全面，頁面清晰明了。核心數(shù)據(jù)模塊如圖3.2所示：核心數(shù)據(jù)成功率Last5BUG統(tǒng)計數(shù)任務需求數(shù)崩潰率核心數(shù)據(jù)成功率Last5BUG統(tǒng)計數(shù)任務需求數(shù)崩潰率接口成功率告警T接口成功率告警Top5IOS崩潰率安卓崩潰率IOS崩潰率安卓崩潰率HTTHTT

P成功率TCP成功率圖3.2核心數(shù)據(jù)詳細功能模塊圖3.2.2監(jiān)控管理系統(tǒng)線上監(jiān)控本小節(jié)介紹的是本系統(tǒng)的線上監(jiān)控模塊，這個部分是本系統(tǒng)的靈魂主旨，主要是為了監(jiān)控墨跡風云科技股份有限公司的線上APP數(shù)據(jù)、線上接口、case等，監(jiān)控線上是否出現(xiàn)BUG，統(tǒng)計各個版本的崩潰率，并總結成報表供部門經(jīng)理匯報工作，另外，還有告警記錄、問題匯總、線上BUG匯總、天氣接口專項監(jiān)控等。線上監(jiān)控模塊如圖3.3所示：線上監(jiān)控線上監(jiān)控專項監(jiān)控監(jiān)控列表線上BUG問題匯總告警記錄報表崩潰率統(tǒng)計專項監(jiān)控監(jiān)控列表線上BUG問題匯總告警記錄報表崩潰率統(tǒng)計全版本崩潰率天氣接口全版本崩潰率天氣接口單版本崩潰率單版本崩潰率圖3.3線上監(jiān)控詳細功能模塊圖3.2.3監(jiān)控管理系統(tǒng)數(shù)據(jù)監(jiān)控此部分是數(shù)據(jù)監(jiān)控模塊，主要監(jiān)控墨跡天氣APP的數(shù)據(jù)情況，包括實況、短時、溫度、推送監(jiān)控、預報、AQI等。詳情如圖3.4所示：數(shù)據(jù)監(jiān)控數(shù)據(jù)監(jiān)控數(shù)據(jù)采集天氣監(jiān)控數(shù)據(jù)采集天氣監(jiān)控評論抓取客戶端截圖廣告位AQI預報溫度推送監(jiān)控短時評論抓取客戶端截圖廣告位AQI預報溫度推送監(jiān)控短時實況圖3.4數(shù)據(jù)監(jiān)控詳細功能模塊圖3.2.4監(jiān)控管理系統(tǒng)需求任務此部分是需求任務模塊，負責對部門所接到的需求任務進行分配、對組內(nèi)員工的工作進行安排管理。詳情如圖3.5所示：需求任務需求任務任務概覽項目安排任務概覽項目安排人力安排項目列表任務日歷任務看板任務列表人力安排項目列表任務日歷任務看板任務列表圖3.5需求任務詳細功能模塊圖

第4章監(jiān)控管理系統(tǒng)數(shù)據(jù)庫設計本章的主要內(nèi)容是數(shù)據(jù)庫設計，其中包括：監(jiān)控管理系統(tǒng)的概要設計、邏輯設計、物理設計三個方面，讓我們對系統(tǒng)的數(shù)據(jù)庫有進一步的了解與深入。4.1監(jiān)控管理系統(tǒng)概念設計對于用戶所描述的真實情況，如公司、學校等，緊接著，要對對象進行總結和分類，組建概念模型。并通過它來反映現(xiàn)實的各種結構、關系、信息數(shù)據(jù)的存儲查詢加工等。數(shù)據(jù)庫的概念模采用E-R圖進行分析，即實體-聯(lián)系圖。墨跡監(jiān)控管理系統(tǒng)模型圖如圖4.1所示：圖4.1墨跡監(jiān)控管理系統(tǒng)模型圖以下部分介紹5個實體以及它們之間的關系，分別為用戶、管理員、接口、case、監(jiān)控中case。每個實體分別有不同的屬性，下面將分別介紹實體圖及他們之間的關系。用戶會員實體圖，會員實體圖包括的屬性有ID、手機號、釘釘號，實體圖、姓名、用戶名、密碼、郵箱如圖4.2所示：圖4.2用戶實體圖管理員實體圖，管理員實體圖包括的屬性有ID、用戶名、密碼、姓名，如圖4.3所示：圖4.3管理員實體圖接口信息實體圖，接口信息實體圖包括的屬性有ID、描述、用戶名、地址、平臺，如圖4.4所示：圖4.4接口信息實體圖case信息實體圖，case信息實體圖包括ID、case名稱、描述、地址、斷言等，如圖4.5所示：圖4.5case信息實體圖監(jiān)控中case實體圖，監(jiān)控中case就包括ID、caseId、輪循類型、創(chuàng)建時間等，如圖4.6所示：圖4.6監(jiān)控中case實體圖監(jiān)控E-R圖包括項目中的監(jiān)控中的實體圖，以及其相互關系，包括接口實體圖、case實體圖、監(jiān)控中的接口實體圖、監(jiān)控中的case實體圖、員工實體圖以及它們之間的相互關系等，如圖4.7所示：圖4.7墨跡監(jiān)控管理系統(tǒng)監(jiān)控E-R圖4.2監(jiān)控管理系統(tǒng)邏輯設計一個關系即是一張二維表，根據(jù)對本系統(tǒng)的詳細分析，對以上實體圖進行了深入地分析，墨跡監(jiān)控管理系統(tǒng)主要表信息如表4.1所示：表4.1墨跡監(jiān)控管理系統(tǒng)主要信息表中文名稱英文名稱接口信息表tp_interface用例信息表tp_case監(jiān)控中接口信息表tp_monitor_interface監(jiān)控中用例信息表tp_monitor_case監(jiān)控結果表tp_monitor_result用戶信息表tp_userinfo按小時監(jiān)控的全部用例信息表tp_hour_allcase按小時監(jiān)控的單獨用例信息表tp_hour_eachcase接口信息表，接口信息包括的屬性有接口id、接口名稱、接口類型、用戶名、描述、地址、部門id等，如表4.2所示：表4.2tp_interface信息表字段名稱中文簡稱字段類型是否為空字段長度id編號id，主鍵intNotnull11name用戶名varcharNotnull30description描述varcharNotnull50url地址varcharNotnull30depId所屬中心idintNotnull11partId部門idintNotnull11isDeleted是否刪除tinyintNotnull4status狀態(tài)tinyintNotnull4createTime創(chuàng)建時間dateNotnullupdateTime更新時間dateNotnullnoticeUid公告uidvarcharNotnull50platform平臺tinyintNotnull4interfaceType接口類型tinyintNotnull4監(jiān)控中的case信息表，此表主要涉及的是正在被監(jiān)控的case，監(jiān)控中的case信息包括的屬性有id、caseId、輪循類型、創(chuàng)建時間等，如表4.3所示：表4.3tp_monitor_case信息表字段名稱中文簡稱字段類型是否為空字段長度id編號id，主鍵intNotnull11caseIdcase編號intNotnull11cycleType輪循類型tinyintNotnull4createTime創(chuàng)建時間date可以為空case信息表，case信息表中包括的屬性有caseId、ip地址、所屬接口id、case名稱、描述、請求類型、請求體、斷言、狀態(tài)、告警級別等等，如表4.4所示：表4.4tp_case信息表字段名稱中文簡稱字段類型是否為空字段長度id編號id，主鍵intNotnull11namecase名稱varcharNotnull30ipip地址varcharNotnull30interfaceId接口idIntNotnull11description描述varcharNotnull50requestType請求類型tinyintNotnull4requestBody請求體textNotnullassertion斷言textNotnullisDeleted是否刪除tinyintNotnull4status狀態(tài)tinyintNotnull4createTime創(chuàng)建時間dateNotnullupdateTime更新時間dateNotnullalarmLevel告警等級tinyintNotnull4監(jiān)控結果信息表，監(jiān)控結果信息表包括id、監(jiān)控caseId、監(jiān)控結果、執(zhí)行時間、響應時間、響應碼、響應體等，如表4.5所示：表4.5tp_monitor_result信息表字段名稱中文簡稱字段類型是否為空字段長度id編號id，主鍵intNotnull11monitorCaseId監(jiān)控caseIdintNotnull11result監(jiān)控結果tinyintNotnull4executionTime執(zhí)行時間dateNotnullresponseTime響應時間floatNotnull5responseCode響應碼varcharNotnull20responseBody響應體textNotnull用戶信息表，用戶信息表包括id、用戶名稱、密碼、姓名、郵箱、手機、釘釘號、狀態(tài)等等，如表4.6所示：表4.6tp_userinfo信息表字段名稱中文簡稱字段類型是否為空字段長度id編號id，主鍵intNotnull11userName用戶名稱varcharNotnull20passWord密碼varcharNotnull50realName姓名varcharNotnull20state狀態(tài)tinyintNotnull4mail郵箱varcharNotnull30mobilePhone手機號varcharNotnull20dingUid釘釘idvarcharNotnull20按小時監(jiān)控的所有case信息表，用戶信息表包括id、小時、成功率、穩(wěn)定性、總數(shù)、請求失敗數(shù)、請求錯誤數(shù)、周期等等，如表4.7所示：表4.7tp_hour_allcase信息表字段名稱中文簡稱字段類型是否為空字段長度id編號id，主鍵intNotnull11hour小時DateNotnullrate成功率floatNotnull6stability穩(wěn)定性tinyintNotnull4total總數(shù)intNotnull11failNum請求失敗數(shù)intNotnull11errorNum請求錯誤數(shù)intNotnull11period周期floatNotnull6告警信息表，告警信息表包括id、caseId、內(nèi)容、狀態(tài)、告警級別、創(chuàng)建時間、執(zhí)行時間、重發(fā)時間等等，如表4.8所示：表4.8tp_hour_eachcase信息表字段名稱中文簡稱字段類型是否為空字段長度id編號id，主鍵intNotnull11caseIdcase編號idintNotnull11executionTime執(zhí)行時間dateNotnulllevel告警級別tinyintNotnull4content內(nèi)容textNotnull11statuss狀態(tài)tinyintNotnull4createTime創(chuàng)建時間dateNotnullresendTime重發(fā)時間dateNotnull4.3監(jiān)控管理系統(tǒng)物理設計監(jiān)控管理系統(tǒng)的物理設計數(shù)據(jù)庫物理設計：設計數(shù)據(jù)庫的物理結構，根據(jù)數(shù)據(jù)庫的邏輯結構來選定RDBMS（如Oracle、Sybase等），并設計和實施數(shù)據(jù)庫的存儲結構、存取方式等。將給定\t"/item/%E6%95%B0%E6%8D%AE%E5%BA%93%E7%89%A9%E7%90%86%E8%AE%BE%E8%AE%A1/_blank"邏輯結構實施到具體的環(huán)境中時，\t"/item/%E6%95%B0%E6%8D%AE%E5%BA%93%E7%89%A9%E7%90%86%E8%AE%BE%E8%AE%A1/_blank"邏輯數(shù)據(jù)模型要選取具體的工作環(huán)境，它包含的內(nèi)容包括：首先是定義數(shù)據(jù)庫、表以及字段的命名規(guī)范；其次要選擇合適的存儲引擎；然后為字段選擇數(shù)據(jù)類型；數(shù)據(jù)庫物理設計：設計數(shù)據(jù)庫的物理結構，根據(jù)數(shù)據(jù)庫的邏輯結構來選定RDBMS（如Oracle、Sybase等），并設計和實施數(shù)據(jù)庫的存儲結構、存取方式等。圖4.8墨跡監(jiān)控管理系統(tǒng)主要視圖設計

第5章監(jiān)控管理系統(tǒng)詳細設計5.1監(jiān)控管理系統(tǒng)主要工作墨跡監(jiān)控管理系統(tǒng)是以公司員工作為提供需求的對象，為他們提供日常所需的功能，幫助他們解決日常工作遇到不便和問題。墨跡監(jiān)控管理系統(tǒng)是按照用戶劃分，可分為管理端和客戶端，管理端即系統(tǒng)管理員的模塊，系統(tǒng)管理員點擊登錄按鈕后進入管理界面，對接口、case等信息進行管理、錄入case等；詳細設計是遵循概要設計來進行的。因此，詳細設計需要設計原則。如果我們要更改概要設計，那么就要進行需求分析。詳細設計之前要完成一份詳細設計的文檔，即是某模塊詳細設計的方案說明。5.2監(jiān)控管理系統(tǒng)模塊概述及設計原則本系統(tǒng)的客戶端模塊可分為：用戶登錄、首頁核心數(shù)據(jù)、線上監(jiān)控、崩潰率統(tǒng)計、專項天氣接口監(jiān)控（世界）、APP數(shù)據(jù)監(jiān)控、數(shù)據(jù)采集、用例管理、需求任務、報表（包括數(shù)據(jù)報表和工作報表）、任務調度、測試工具、用戶管理、測試機管理等模塊。對于設計原則，主要是針對用戶的年齡段所分析，因為使用該系統(tǒng)的用戶大多是公司的員工，并且大多數(shù)是20-30歲之間的年輕人，大部分使用人群的性別是男生，他們都喜歡科幻炫酷類型，因此系統(tǒng)的主要風格是炫酷科技風，主要色調是藍紫光，所有使用到的Echart線圖都用到漸變以統(tǒng)一整體風格。5.3監(jiān)控管理系統(tǒng)各功能設計與實現(xiàn)墨跡監(jiān)控管理系統(tǒng)的客戶端主要功能是為了給用戶、瀏覽者一個良好的用戶體驗。主要針對的用戶是公司內(nèi)部人員，包括技術平臺部門的所有員工和借用、使用測試機的員工。未注冊過的用戶，需要有公司內(nèi)部釘釘號和個人信息，向管理員申請賬號。如果沒有公司釘釘號，用戶可以點擊“訪客登錄”的按鈕進入系統(tǒng)訪問。但訪客登錄有個弊端，則是大部分功能沒有訪問權限。訪客僅僅有權限訪問首頁、線上監(jiān)控、需求任務以及評論抓取幾個模塊。然而對于普通用戶，則是能看到除了用戶管理以外的所有模塊，包括：核心數(shù)據(jù)、線上監(jiān)控、數(shù)據(jù)監(jiān)控、用例管理、需求任務、報表、任務調度、測試工具、測試相關。只有部分開發(fā)人員才有權限查看用戶管理模塊。另外，開發(fā)一個系統(tǒng)除了邏輯以外，還要注重頁面布局以及風格樣式。好的樣式能夠讓用戶賞心悅目，提高用戶的工作效率。系統(tǒng)模塊功能主要分成十個部分：首頁的核心數(shù)據(jù)、線上數(shù)據(jù)監(jiān)控、數(shù)據(jù)監(jiān)控信息、用例管理、部門或小組的需求任務、報表（包括工作報表和數(shù)據(jù)報表）、任務調度、測試工具、用戶管理、測試相關。開發(fā)過程中，前端使用的IDE是VSCode，框架使用的是VUE和ElementUI，后端既有JAVA，也用到了Python。5.3.1監(jiān)控管理系統(tǒng)登陸以下內(nèi)容，將從登陸頁面開始詳細介紹并解釋，登錄頁面模塊如圖5.1所示，登錄頁面又分為普通用戶登錄、訪客登陸兩種。訪客僅僅有權限訪問首頁、線上監(jiān)控、需求任務以及評論抓取幾個模塊。然而對于普通用戶，則是能看到除了用戶管理以外的所有模塊，包括：核心數(shù)據(jù)、線上監(jiān)控、數(shù)據(jù)監(jiān)控、用例管理（包括接口管理和case管理）、部門的需求任務、數(shù)據(jù)報表、工作報表、任務調度、測試工具、測試相關。還有部分開發(fā)人員才有權限查看用戶管理模塊。登錄按鈕底部還有有記錄用戶訪問的數(shù)據(jù)，即是登錄次數(shù)。圖5.1系統(tǒng)登錄截圖5.3.2監(jiān)控管理系統(tǒng)首頁核心數(shù)據(jù)點擊登錄按鈕后，用戶首先看到的是首頁的核心數(shù)據(jù)模塊，此模塊涵蓋了幾乎整個系統(tǒng)的所有核心數(shù)據(jù)，但僅僅展示了核心數(shù)據(jù)的概覽，將系統(tǒng)的概況做了簡要的闡述，具體如圖5.2所示：圖5.2系統(tǒng)首頁截圖5.3.3監(jiān)控管理系統(tǒng)線上監(jiān)控線上監(jiān)控模塊，主要用于觀察處理線上正在監(jiān)控的數(shù)據(jù)：此模塊涵蓋監(jiān)控列表、報表、告警記錄、問題匯總、線上BUG、崩潰率統(tǒng)計，以及天氣接口的專項監(jiān)控，方便用戶及時發(fā)現(xiàn)問題、處理問題，如圖5.3所示：圖5.3線上監(jiān)控頁面截圖5.3.4監(jiān)控管理系統(tǒng)監(jiān)控列表監(jiān)控列表詳情頁面，是通過監(jiān)控列表頁面中點擊接口名稱后展示的，主要用于查看接口下的基本信息、case列表、告警信息、成功率統(tǒng)計。如圖5.4所示：圖5.4監(jiān)控列表詳情頁面截圖5.3.5監(jiān)控管理系統(tǒng)數(shù)據(jù)監(jiān)控數(shù)據(jù)監(jiān)控頁面主要負責監(jiān)控兩大模塊的數(shù)據(jù)，即天氣監(jiān)控和數(shù)據(jù)采集。天氣監(jiān)控的范圍包括墨跡天氣的短時、實況、推送、溫度、預報、以及AQI。而數(shù)據(jù)采集主要采集客戶端截圖、廣告位、以及評論抓取，如圖5.5所示：圖5.5數(shù)據(jù)監(jiān)控頁面截圖5.3.6監(jiān)控管理系統(tǒng)用例管理用例管理頁面，包括接口管理和case管理兩部分。本模塊主要是提供給測試人員進行管理接口和case。如圖5.6所示：圖5.6用例管理頁面截圖5.3.7監(jiān)控管理系統(tǒng)需求任務需求任務頁面，用戶可根據(jù)自己日常工作錄入的信息，查看自己或部門的任務情況，同時還有任務看板和項目甘特圖等有趣的功能。如圖5.7所示：圖5.7需求任務頁面截圖5.3.8監(jiān)控管理系統(tǒng)報表報表頁面，分為數(shù)據(jù)報表和工作報表。數(shù)據(jù)報表主要用于領導層的匯報工作；而工作報表則是用于管理員工的日常工作。如圖5.8所示：圖5.8報表頁面截圖5.3.9監(jiān)控管理系統(tǒng)任務調度任務調度頁面，分為任務調度和接口報告。主要用于對線上監(jiān)控的內(nèi)容進行任務調度，展示接口報告。任務調度中接口調度時負責跑接口的，可以手動看接口用例的成功率等；UI調度則是負責跑IOS、Android手機的用例。如圖5.9所示：圖5.9任務調度頁面截圖5.3.10監(jiān)控管理系統(tǒng)測試工具測試工具頁面，包括APP天氣數(shù)據(jù)的構造（含有新舊兩個版本）、Mock工具、推送測試工具、Xmind轉Excel工具。如圖5.10所示：圖5.10測試工具頁面截圖5.3.11監(jiān)控管理系統(tǒng)用戶管理用戶管理頁面，只有管理員及個別開發(fā)者有權限查看，里面包含用戶信息，能夠對用戶信息進行增刪改查，能夠修改信息、重置密碼等。如圖5.11所示：圖5.11用戶管理頁面截圖5.3.12監(jiān)控管理系統(tǒng)測試相關測試相關頁面，主要是對公司內(nèi)部的測試機進行管理，功能包括測試機的具體信息、型號、領用人、交接人。如圖5.12所示：圖5.12測試相關頁面截圖

第6章監(jiān)控管理系統(tǒng)的測試、運行與維護6.1監(jiān)控管理系統(tǒng)測試目的和意義在詳細的系統(tǒng)編程中，本系統(tǒng)主要采用了螺旋遞增的方式來開發(fā)，我們測試的目的就是將這個系統(tǒng)大體分幾個版本完成的，即是一個版本開發(fā)一部分的功能，然后進行測試，并對測試結果進行分析，測試完成之后，繼續(xù)對系統(tǒng)進行深入開發(fā)，逐漸完成和完善系統(tǒng)不夠完善的功能，一直到所有的功能全部完成。測試后的系統(tǒng)會比較穩(wěn)定，維護成本也較低，可以做到更多的覆蓋場景，更快的發(fā)現(xiàn)問題。這樣一來就會使我們的用戶更加穩(wěn)定地使用，提高產(chǎn)品的用戶體驗。6.2監(jiān)控管理系統(tǒng)方法和用例在墨跡監(jiān)控管理系統(tǒng)的測試中，本系統(tǒng)主要采用了一下幾個方式進行測試，測試的主要目的：大模塊化成小模塊測試，對最終結果進行詳細分析，直到所有需求功能全部測試完成。找到可以通過測試來避免的開發(fā)風險；通過多次測試來降低所發(fā)現(xiàn)的BUG風險；確定測試何時可以結束；測試是一個標準的項目。 以下內(nèi)容則是對一些模塊進行逐個測試，用例測試包括用例編號、用例描述、用例的目的、測試的前提條件、測試所需的步驟、期望結果以及實際結果。（1）測試管理員登錄，如表6.1所示：表6.1管理員登錄用例編號admin用例描述測試用正確的用戶名、密碼登陸是否正確用例目的測試登陸功能是否正確前提條件測試步驟1.鍵入平臺URL2.輸入用戶名、密碼：admin、123123admin,然后點擊確定按鈕期望結果進入網(wǎng)站管理員頁面實際結果進入正確頁面續(xù)表6.1管理員登錄用例編號login_002用例描述測試session過期是否提示重新登陸用例目的測試登陸功能是否正確前提條件測試步驟1.鍵入平臺URL2.30分鐘后，點擊系統(tǒng)管理按鈕，然后檢查是否彈出窗口期望結果顯示登陸頁面實際結果退回到登陸頁面（2）測試用戶注冊，如表6.2所示：表6.2測試用戶注冊用例編號reg_001用例描述測試用戶注冊功能用例目的測試用戶能否成為系統(tǒng)會員前提條件測試步驟1.鍵入平臺URL2.點擊系統(tǒng)的注冊按鈕3.輸入注冊信息后提交期望結果跳轉登陸頁并且當前用戶名為剛注冊的用戶名實際結果跳轉正確（3）測試會員登錄，如表6.3所示：表6.3測試用戶會員登錄用例編號user_001用例描述測試會員登錄功能用例目的測試會員登錄后跳轉頁面是否正確前提條件測試步驟1.鍵入平臺URL2.點擊系統(tǒng)的登錄按鈕3.輸入用戶信息后提交期望結果進入系統(tǒng)首頁，界面右上角會顯示當前用戶小圖標實際結果顯示正確（4）測試管理員查看系統(tǒng)內(nèi)部的核心數(shù)據(jù)、數(shù)據(jù)監(jiān)控、接口監(jiān)控、case監(jiān)控等，并對系統(tǒng)用戶進行管理功能，如表6.4所示：表6.4測試管理接口和case用例編號goodsType_001用例描述測試接口管理、case管理功能用例目的測試接口管理、case管理是否正確前提條件測試步驟1.鍵入平臺URL2.進入用例管理界面3.點擊添加接口、case，修改接口、case，刪除接口、ase3.點擊提交按鈕期望結果操作成功，彈出成功提示實際結果正確跳轉（5）測試管理接口和case刪除，如表6.5所示：表6.5測試管理接口和case刪除用例編號goodsType_002用例描述測試接口、case刪除功能用例目的測試接口、case刪除功能是否正確前提條件測試步驟1.鍵入平臺URL2.進入用例管理模塊3.點擊想要刪除的接口、case4.點擊確認按鈕期望結果刪除接口、case成功實際結果操作成功，彈出成功提示（6）測試新增接口、case功能，如表6.6所示：表6.6測試接口、case新增用例編號goods_002用例描述測試接口、case新增功能用例目的測試接口、case新增功能是否正確前提條件測試步驟1.鍵入平臺URL2.進入用例管理3.點擊新增按鈕，添加詳細信息4.點擊確認按鈕期望結果操作成功，彈出成功提示實際結果新增接口、case功能成功6.3監(jiān)控管理系統(tǒng)運行與維護計算機的系統(tǒng)測試分為有白盒測試和黑盒測試兩種，該系統(tǒng)的測試方法包括：（1）功能測試：通過界面操作，輸入數(shù)據(jù)，對返回結果進行分析，通過判斷其是否與預期結果一致，確定功能的正確性，包括通過性測試和非通過性測試；（2）異常測試：通過測試系統(tǒng)的非法操作流程、輸入，檢查系統(tǒng)的容錯性；（3）GUI測試：根據(jù)用戶界面設計規(guī)范檢查界面設計是否符合規(guī)范；（4）兼容性測試：測試客戶端在windows7下的IE9以上的兼容性。測試過程中，我們首先需要寫測試計劃書和規(guī)格說明書，然后設計用例，定義策略，最后將結果與預先給出的期望結果進行比較，再做評價分析。由于模塊較多，下面只給出了本網(wǎng)站的部分模塊的測試用例。系統(tǒng)測試的行為通常被轉化成可以管理的模式，這樣就能清楚地查看系統(tǒng)制作過程中產(chǎn)生的BUG，并根據(jù)這個進行修改完善；類別有差異的軟件用例也是不相同的，相對于這個來說，系統(tǒng)的用戶的需求也將不同。網(wǎng)站的日常的運行管理是為了保證系統(tǒng)能長期有效地運轉而進行的活動。在系統(tǒng)投入使用的時候會出現(xiàn)很多BUG，針對問題，我們就必須對系統(tǒng)的產(chǎn)品進行改正或者二次開發(fā)，這種行為就是對軟件的維護。進行系統(tǒng)維護的原因基本上有以下三種類型：第一，修改在特定的使用操作過程中出現(xiàn)的一些程序代碼上的BUG或功能設計上面的缺陷；其二是在系統(tǒng)使用操作過程中系統(tǒng)的數(shù)據(jù)環(huán)境發(fā)生了改變或者是系統(tǒng)的處理環(huán)境發(fā)生了改變，因此我們需要修改系統(tǒng)來適應這種變化；其三是是用戶或者網(wǎng)站的需求分析人員在操作使用網(wǎng)站的過程中，出現(xiàn)不符合自己心儀的問題或者需求不夠的問題，或者用戶體驗并不好的問題，針對這種情況，我們就得在此網(wǎng)站的基礎上進行改正和完善，盡可能滿足更多的用戶的使用，這樣可以讓網(wǎng)站的功能，性能更好，用戶體驗更佳。因此，網(wǎng)站的維護可以歸為下面幾類：（1）改正性維護。系統(tǒng)完成并且投入使用之后，會有一些表面上不易被發(fā)現(xiàn)的錯誤。為了辨認和改正系統(tǒng)的Bug、修改性能上的不足、盡可能削減錯誤使用，應進行的檢測和修改錯誤的過程，就叫做維護；（2）適應性維護。緊跟社會的急速發(fā)展，新的硬件、系統(tǒng)配置、數(shù)據(jù)庫、數(shù)據(jù)的格式、數(shù)據(jù)的輸入輸出、數(shù)據(jù)存儲數(shù)據(jù)以某種格式記錄在計算機內(nèi)部或外部存儲介質上。所需的介質等都有了很大改變，為了使系統(tǒng)順應各種改變不被淘汰，而去改正的步驟就叫做適應性維護；數(shù)據(jù)以某種格式記錄在計算機內(nèi)部或外部存儲介質上。（3）完善性維護。在系統(tǒng)的操作中，一部分用戶會對系統(tǒng)提出各種新的需求，對于這些需求，必須改正或著二次開發(fā)，從而來完善系統(tǒng)的功能，改進加工的效率，提高系統(tǒng)的可維護性，即是完善性維護；現(xiàn)在本網(wǎng)站已經(jīng)成功的開發(fā)完畢。經(jīng)過初期的試運行系統(tǒng)的各項指標都符合相應的要求，現(xiàn)在的主要任務就是系統(tǒng)的運行維護。6.4監(jiān)控管理系統(tǒng)測試總結本章的主要內(nèi)容是對系統(tǒng)的測試進行總結，想要做好產(chǎn)品的測試，對于我們開發(fā)工程師來講極其重要，項目提交測試之前首先要進行自測，自己測試準確無誤，沒有漏洞，沒有BUG后，再提交給專業(yè)測試人員測試。需做到以下幾點：首先，我們要了解所做系統(tǒng)的組織或架構，清楚地了解各服務器之間的交互工作、系統(tǒng)的數(shù)據(jù)流向和壓力點測試，這樣能夠使我們測試需求和指標，某種功能需要考慮哪些壓力，能承擔的壓力有多大。然后還要選擇好測試工具，合理的測試工具對系統(tǒng)的性能測試有很大的幫助。另外，我們還需要考慮自己編寫工具。一般的測試工程師都會一種或多種編程語言，這樣有助于他們理解項目，作為開發(fā)人員更應該在學好開發(fā)的基礎上，增強自己的職業(yè)技能。最后且最重要的是實踐，實踐出真知，不論是做開發(fā)還是做測試，也不論是學習還是生活，只有實踐過后才能理解書面的概念，才能體會到所學的意義。

第7章總結與展望7.1總結本篇論文完整地研究了一個監(jiān)控系統(tǒng)，包括系統(tǒng)的產(chǎn)品需求、產(chǎn)品的UI設計、以及產(chǎn)品的開發(fā)，綜合運用各種互聯(lián)網(wǎng)前沿技術，例如前端的VUE、ElementUI、Axios等，并運用了一些開源的第三方組件，通過以上的綜合運用，我們完成了一個監(jiān)控管理系統(tǒng)的基本功能，本論文的主要工作如下：分析一個監(jiān)控系統(tǒng)和部門管理系統(tǒng)的制作和開發(fā)的流程；站在用戶的角度分析，就對網(wǎng)站的流程布局結構展開了詳細的設計；利用逐步遞增的開發(fā)方式測試；本篇論文對一個系統(tǒng)的設計和開發(fā)所遇到的問題，提出了許多有建設性的解決方法，之后，最重要的的任務則是在如何更好的使用面向對象的分析和設計方法來解決軟件編程中的問題。起初，接受本項目時，難度較大。因為當時這個項目的前端只有我自己，沒有產(chǎn)品、也沒有UI設計，僅僅是通過經(jīng)理的口述需求，盲目操作。感覺到這個項目不僅龐大，數(shù)據(jù)庫的表和字段都很多，尤其是需求分析這個方面不能夠準確的表達自己的主要思想。后期，經(jīng)過小組的討論，安排了合適的產(chǎn)品經(jīng)理，經(jīng)過對該網(wǎng)站的仔細設計，每個需求都過嚴格的需求評審，雖然依然沒有設計人員幫忙，但是在我們的共同努力下，終于完成了大家比較滿意的系統(tǒng)?，F(xiàn)在，網(wǎng)站已經(jīng)基本的滿足相關需求，只是后端還有一部分需要上線，以至于外網(wǎng)能夠訪問。通過漫長的設計過程中，我學到了、收獲了很多，學到的遠遠不僅是知識，還有對一個系統(tǒng)或軟件的開發(fā)流程，從產(chǎn)品到設計、從設計到前端、從前端到后端、從后端到測試、從測試到部署上線……當然，還學到了如何與團隊溝通合作，怎樣配合才能默契地做好每一份工作。對項目的需求分析和自己對所學知識的理解，主要表現(xiàn)在以下幾個方面：（1）理解系統(tǒng)需求和業(yè)務流程是重要的前提理解系統(tǒng)的需求和業(yè)務流程對系統(tǒng)的設計起著至關重要的作用。因為要想理解系統(tǒng)的需求，需要我們從用戶角度理解需求。在需求分析過程中中，不僅要理解用戶的需求，還應該應該站在用戶的角度上分析網(wǎng)站，關注用戶工作的細節(jié)。因為產(chǎn)品的用戶并不一定是真正的軟件專業(yè)人員，通常都無法完整描述需求，僅僅只能通過他們所講述的業(yè)務流程來提取重要信息。另外，我們還應該使用快速原型幫助用戶確定需求，將系統(tǒng)直觀了斷地展示在用戶面前，讓用戶有“豁然開朗”的感覺，然后盡早發(fā)現(xiàn)潛在的問題，并及時改正。不管需求評審過程中做過多少工作，我們都無法避免用戶對需求的變更或業(yè)務流程中發(fā)現(xiàn)的系統(tǒng)問題。因此，系統(tǒng)架構的靈活性就顯得非常重要了。所以說，在做系統(tǒng)的架構設計之前，我們首先要設計一個能夠適應變化，容易修改的系統(tǒng)架構。（2）要擁有自學能力、分析、解決問題的能力在開發(fā)此監(jiān)控系統(tǒng)的過程中，當然會遇到了很多的麻煩或棘手的問題，不論是用戶需求問題，還是前端技術問題。通過這些年的學習經(jīng)歷和在大學的學習能力的積累，以及自己多方面查找資料和觀看學習視頻，能夠很快的掌握某新技術知識，讓我知道，并不是擁有多少知識才重要，最重要的是你的基礎怎么樣，你學習新的知識的接受能力怎么樣，因為作為一個程序員，IT屆的新技術迭代更新非?？?，學習是一輩子的事，只有我們不斷完善自己才能在社會中更好的發(fā)揮自己能力站穩(wěn)腳步。（3）多與團隊溝通使我們少走捷徑在設計本系統(tǒng)的過程中，要需要經(jīng)常和經(jīng)理、同事溝通。與產(chǎn)品經(jīng)理詳細地談好需求，過好每一次需求評審。同時，還要與同行的開發(fā)同事積極溝通，避免沒必要的代碼沖突。如果溝通效率能夠提高，我們就完全可以少走很多彎路，這樣對加快項目進度有很大提高，我們也就不需要花費大把的時間來解決沒有必要的問題。因此，快速有效的與人溝通，能夠加快促進工作的開展。7.2展望展望未來，本網(wǎng)站實現(xiàn)了攝影網(wǎng)站的大部分功能，管理員可以方便的管理網(wǎng)站信息，但還有幾方面的不足，主要表現(xiàn)在以下幾方面：對于網(wǎng)站的有些功能還需要完善，更能體現(xiàn)出設計的人性化，在商品信息首頁頁面的導航欄可以做的更加完善些，可以多添加一些內(nèi)容，這樣用戶就能有更多的選擇；由于設計本網(wǎng)站時間太短，沒有添加數(shù)據(jù)的報表統(tǒng)計功能，下一步是需要添加數(shù)據(jù)的報表功能，管理員能動態(tài)的添加相應字段信息，對網(wǎng)站進行統(tǒng)計，可以統(tǒng)計的每天用戶量，用戶主要集中在哪個模塊等。這樣可以根據(jù)報表信息，用戶需求有一個更深入的理解。畢業(yè)設計可以說全方面的鍛煉了我，不僅學到了一些新的技術，也學習、領悟到了許多許多的道理，深刻感受到：與人溝通的重要性和團隊協(xié)作的重要性，作為開發(fā)人員必須具有認真穩(wěn)重、小心謹慎，形成良好的編碼規(guī)范。在實踐的過程中，當然也會遇到了許多困難和挫折，但我沒有退縮，我相信我有能力戰(zhàn)勝它們，這些都為我今后的工作和學習奠定了更堅實的基礎，在今后的工作中，我也會更加努力，以最飽滿的熱情對待每一天，用我的實際行動來回報曾經(jīng)關心和幫助我的老師和同學。

致謝在論文完成之際，回顧緊張但又充實的學習和開發(fā)過程，我向所有關心我的及幫助我的老師和同學們致以最真誠的感謝。首先要向指導教師管媛輝老師表示最真摯的謝意。感謝老師能在繁忙的教學之余，還對我的設計和論文進行悉心指點和耐心輔導。在寫論文的過程中，管老師多次查看指點我的論文，給我提出了許多寶貴意見，如果沒有她的指導，我們就不能較好的完成課題設計的任務。管老師認真負責的工作態(tài)度和深厚的理論水平都使我受益匪淺。無論在理論上還是在實踐中，都給與我很大的幫助，使我有了很大的提高，感謝她耐心的輔導。其次，我還要特別感謝我的各科任課的老師和各位幫助我的同學，在老師的指導與監(jiān)督下，我學習了網(wǎng)站建設的大部分知識，每當我遇到問題的時候，老師和同學都會積極的耐心的幫助指導我，正是在他們的幫助之下，我才能順利的完成畢業(yè)設計和論文。在畢業(yè)設計期間，我不僅學到了很多新的知識和解決問題的方法，還開闊了視野，提高了解決問題的能力，在以后的工作中也更游刃有余。四年的學習成長，幾個月的努力，畢業(yè)論文終于到了劃句號的時候，心里面應該如釋重負，但是心里面卻充滿了一種悲傷。論文寫作的過程沒有很輕松，工作上的壓力也會有，知識的積累和工作中的經(jīng)驗還不夠，于是，我經(jīng)常埋頭于圖書館中，努力的查閱資料，努力完成一篇具有學術價值的論文，其中的艱辛與困難難以訴說，但曲終幕落后留下的滋味讓我回味無窮。敲完了最后的一個字，重新從頭閱讀早屏幕上的文字，感慨很多。雖然其中沒有什么值得特別炫耀的成果，但是對于我來說，它是寶貴的。感謝出現(xiàn)在我生命中的老師們，管老師不僅是我的指導教師，更是我們班的班導師，一路陪我們成長；吳老師四年里和我們一起摸爬滾打，像極了父親；星璨老師是我們的良師益友；胡婷老師是對技術負責、對學生負責的老師，和藹親切，最稀罕的是她的IO