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

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

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

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

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

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

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

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

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