基于Vue.JS的企業監控平臺設計與研發TheDesignandDevelopmentof“EnterpriseMonitoring”PlatformBasedonVue.JS摘要近些年來，自動化監控席卷全城，包括UI自動化，接口自動化等。市面上的監控系統有很多，但大多收費，對于中小型前端項目來說，必然是痛點。另一點主要原因是，功能通用，卻未必能夠滿足我們自己的需求。墨跡監控系統中，所有的性能監控工作都由不同的監控項目來完成，用戶可以監控各種類型的任務，比如墨跡UI、墨跡接口、天氣監控、UI自動化、數據構造、測試任務、測試接口、測試case用例、項目人力安排、項目甘特圖以及供公司測試人員使用的測試小工具、競品數據對比等。測試小工具中主要為測試人員而作，包括：兩個版本的天氣數據、Mock數據、Xmind轉excel轉換工具、員工推送測試的工具等。另外，這個項目還主要用于監控和管理公司內部幾百個域名下的所有接口和case用例。當今社會的互聯網發展，讓新近技術越來越強大。本項目所做的主要目的，是讓人們可以24小時在線，了解更多的接口詳情，更多的監控詳情等，帶給人類的一些快捷，隨時隨地查看公司線上APP及網站的狀態、及時處理工作、隨時保持溝通、迅速解決bug、需求管理、項目管理、工具管理、數據監控，使我們的工作生活更加豐富充實，讓公司員工不再苦惱，該項目能夠降低他們的加班頻率，提高員工工作效率。監控系統和移動APP的整合，可以讓認真工作的人們更方便的在線上進行監控和操作等等，會更加有力篩選出重要的內容，反饋APP有價值的信息。關鍵詞：監控系統；互聯網；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章前言近些年來，自動化監控席卷全城，包括UI自動化，接口自動化等。市面上的監控系統有很多，大多收費，對于中小型前端項目來說，必然是痛點。另一點主要原因是，功能通用單一，卻未必能夠滿足我們自己的需求。1.1項目概述“墨跡監控管理系統”是在北京一家互聯網公司墨跡天氣實習期間所開發，用于公司內部測試人員的日常工作，包括墨跡天氣APP的數據監控、競品數據監控、需求管理、項目管理、接口管理、case管理、bug管理、用例管理、測試報告、數據報表、員工工作報表、以及公司測試機管理等等。1.1.1項目背景近年來，自動化監控席卷全城，包括UI自動化，接口自動化等。市面上的監控系統有很多，大多收費，對于中小型監控項目來說，必然是痛點。另一點主要原因是，功能通用單一，前端監控功能主要包含：JS錯誤日志監控分析、靜態資源請求報錯統計、用戶行為檢索、接口請求報錯統計、HTML加載性能分析、PVUV日志分析。這些雖然功能齊全，但卻未必能夠滿足我們自己的需求。對于運維人員來說，系統往分布式系統的方向發展、系統和系統的依賴難以知曉；故障排查成本高；系統的壓力和系統的水位分析。對于測試人員來說，壓力分布測試難度大。對于開發者來說，系統排查錯誤的成本過于高。隨著市場環境的變化以及國際化的進程，企業的各種對內、對外需求也日益增長。服務化的架構以及容器化的應用加速了各種功能、產品的迭代與更新。隨之而來，我們也面臨著一個不斷膨脹，日漸復雜的系統。復雜度的成倍增加對故障的根因分析、執行流程的調優以及數據鏈路的追蹤帶來了極大的挑戰。因此，對于一個企業級的應用監控系統來說，也應該持續地發展、演化，才能更好地解決痛點，提高用戶的整體效率。如今，應用的執行流程往往由種種內外部依賴、軟硬件結合構成。相應的，針對不同的需求，監控領域也有著業務指標監控、應用監控以及基礎設施監控等等類別。對于墨跡監控管理系統而言，它的主要功能是監控和管理線上APP或接口的成功率、穩定性。在服務化場景下，它應致力于快速監測并診斷出一個復雜的服務調用鏈路中的潛在問題，幫助研發人員更好地維護服務的質量1.1.2目的和意義“墨跡監控管理系統”的設計與開發要在公司APP和測試人員之間建立良好的聯系，一方面為“墨跡天氣”這款軟件建立一個可靠性能的平臺，還要為用戶提供一個體驗良好的天氣軟件，網站設計開發完成，品牌在線下或線上宣傳上都有了一個很完備的載體，并且網站是基于rem技術開發的，可以在各種電腦設備上完美展現，可以非常方便的在線上監控接口和case。另一方面，對于應用監控系統來說，它的主要是為了管理、監控線上APP及接口的性能與可用性。在服務化場景下，它應致力于快速監測并診斷出一個復雜的服務調用鏈路中的潛在問題，幫助研發人員更好地維護服務的質量1.2監控管理系統運行和開發環境服務器端操作系統：Linux；服務器端硬件環境：Macpro；客戶端硬件環境：512MRAM個人計算機；開發工具：VSCode；數據庫：MySQL；開發語言：Vue.JS+ElementUI+Axios+Java；開發軟件所用版本：VSCode2018+TortoiseSVN1.9.5；

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

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

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

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

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

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

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

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