發(fā)布時間：2020-10-10 02:50

　　 隨著互聯(lián)網(wǎng)的高速發(fā)展,市場上涌現(xiàn)了大量的web應(yīng)用。為了在激烈的競爭中脫穎而出,開發(fā)人員不斷朝著高用戶體驗探索。同時,因為web性能是用戶體驗最直接的決定者,所以如何改進(jìn)和提升web性能是所有前端開發(fā)人員必須正視的問題。針對該問題,前端開發(fā)人員需要實(shí)時監(jiān)控web性能數(shù)據(jù),從各項數(shù)據(jù)指標(biāo)中了解web應(yīng)用的使用情況。以數(shù)據(jù)為支撐,分析數(shù)據(jù)中隱藏的信息,找出影響產(chǎn)品用戶體驗的原因,進(jìn)而對產(chǎn)品實(shí)施優(yōu)化。綜上,為了實(shí)現(xiàn)對web性能的監(jiān)控和分析,本文構(gòu)建了一個簡單全面的web性能監(jiān)控平臺。該平臺負(fù)責(zé)公司web應(yīng)用性能數(shù)據(jù)的監(jiān)控及分析,為產(chǎn)品的優(yōu)化提供科學(xué)的依據(jù)和指導(dǎo)。首先,本文對國內(nèi)外相關(guān)web性能監(jiān)控現(xiàn)狀進(jìn)行調(diào)研,對其中涉及的技術(shù)及方案進(jìn)行分析。之后,結(jié)合目前流行的技術(shù)及公司實(shí)際需要,論文得出了 web性能監(jiān)控平臺的完整需求,并依據(jù)各功能點(diǎn)將平臺劃分為用戶管理、頁面管理、數(shù)據(jù)收集、數(shù)據(jù)分析以及數(shù)據(jù)可視化五大模塊。其中,平臺的整體構(gòu)建采用了MongoDB + Express + Vue + Node的技術(shù)方案,全棧使用JavaScript進(jìn)行開發(fā),保證了對前端開發(fā)人員的技術(shù)友好。在數(shù)據(jù)收集模塊,平臺采用了新興的window.performance接口進(jìn)行相關(guān)性能數(shù)據(jù)的收集。收集到的數(shù)據(jù)經(jīng)過存儲和分析后,通過ECharts實(shí)現(xiàn)數(shù)據(jù)可視化展示。最后,論文對平臺進(jìn)行了系統(tǒng)的測試,保證了平臺的可用性和健壯性。平臺的實(shí)現(xiàn)嚴(yán)格依照軟件工程開發(fā)流程進(jìn)行,包括需求分析、概要設(shè)計、詳細(xì)設(shè)計、編碼實(shí)現(xiàn)及測試等。論文作者主導(dǎo)并參與了所有模塊的需求分析、設(shè)計、開發(fā)工作,并輔助參與了部分測試工作。目前,web性能監(jiān)控平臺已正式上線并投入使用,能為公司產(chǎn)品提供實(shí)時的web性能監(jiān)控。同時,平臺運(yùn)用其準(zhǔn)確、生動的數(shù)據(jù),方便迅速地指導(dǎo)前端開發(fā)人員進(jìn)行產(chǎn)品性能優(yōu)化,已為公司帶來了可觀的效益。
【學(xué)位單位】：北京交通大學(xué)
【學(xué)位級別】：碩士
【學(xué)位年份】：2018
【中圖分類】：TP393.09
【文章目錄】：
致謝
摘要
ABSTRACT
1 引言
    1.1 論文的背景
    1.2 研究的現(xiàn)狀及分析
        1.2.1 國內(nèi)外監(jiān)控平臺或工具概況
        1.2.2 頁面加載指標(biāo)收集技術(shù)概況
    1.3 研究的內(nèi)容及意義
        1.3.1 研究方法
        1.3.2 研究的重難點(diǎn)
        1.3.3 研究的意義
    1.4 論文的組織結(jié)構(gòu)
    1.5 本章小結(jié)
2 平臺相關(guān)技術(shù)介紹
    2.1 MEVN系統(tǒng)架構(gòu)
    2.2 PERFORMANCE接口
    2.3 前端跨域
    2.4 數(shù)據(jù)可視化
    2.5 本章小結(jié)
3 WEB性能監(jiān)控平臺需求分析
    3.1 平臺總體需求分析
        3.1.1 總體行為概述
        3.1.2 總體功能概述
    3.2 平臺功能性需求分析
        3.2.1 用戶管理功能
        3.2.2頁面管理功能
        3.2.3 數(shù)據(jù)收集功能
        3.2.4 數(shù)據(jù)分析功能
        3.2.5 數(shù)據(jù)可視化功能
    3.3 平臺非功能性需求分析
        3.3.1 性能需求
        3.3.2 RAMS
    3.4 本章小結(jié)
4 WEB性能監(jiān)控平臺概要設(shè)計
    4.1 平臺總體架構(gòu)設(shè)計
        4.1.1 功能模塊設(shè)計
        4.1.2 平臺架構(gòu)設(shè)計
    4.2 平臺模塊概述
        4.2.1 用戶管理模塊
        4.2.2 頁面管理模塊
        4.2.3 數(shù)據(jù)收集模塊
        4.2.4 數(shù)據(jù)分析模塊
        4.2.5 數(shù)據(jù)可視化模塊
    4.3 數(shù)據(jù)庫設(shè)計
        4.3.1 實(shí)體關(guān)系圖
        4.3.2 數(shù)據(jù)結(jié)構(gòu)
    4.4 本章小結(jié)
5 WEB性能監(jiān)控平臺詳細(xì)設(shè)計
    5.1 性能指標(biāo)設(shè)計
        5.1.1 頁面加載指標(biāo)
        5.1.2 基礎(chǔ)數(shù)據(jù)指標(biāo)
        5.1.3 錯誤日志指標(biāo)
    5.2 平臺模塊詳細(xì)設(shè)計
        5.2.1 用戶管理模塊
        5.2.2 頁面管理模塊
        5.2.3 數(shù)據(jù)收集模塊
        5.2.4 數(shù)據(jù)分析模塊
        5.2.5 數(shù)據(jù)可視化模塊
    5.3 本章小結(jié)
6 WEB性能監(jiān)控平臺實(shí)現(xiàn)
    6.1 平臺整體框架搭建
    6.2 用戶管理模塊實(shí)現(xiàn)
    6.3 頁面管理模塊實(shí)現(xiàn)
    6.4 數(shù)據(jù)收集模塊實(shí)現(xiàn)
    6.5 數(shù)據(jù)分析模塊實(shí)現(xiàn)
    6.6 數(shù)據(jù)可視化模塊實(shí)現(xiàn)
    6.7 本章小結(jié)
7 WEB性能監(jiān)控平臺測試
    7.1 功能性測試用例設(shè)計
    7.2 性能測試用例設(shè)計
    7.3 本章小結(jié)
8 總結(jié)與展望
    8.1 總結(jié)
    8.2 展望
參考文獻(xiàn)
作者簡歷及攻讀碩士/博士學(xué)位期間取得的研究成果
學(xué)位論文數(shù)據(jù)集

【參考文獻(xiàn)】

相關(guān)期刊論文 前8條

1 易劍波;;基于MVVM模式的WEB前端框架的研究[J];信息與電腦(理論版);2016年19期

2 謝華成;馬學(xué)文;;MongoDB數(shù)據(jù)庫下文件型數(shù)據(jù)存儲研究[J];軟件;2015年11期

3 王成;李少元;鄭黎曉;緱錦;曾梅琴;劉慧敏;;Web前端性能優(yōu)化方案與實(shí)踐[J];計算機(jī)應(yīng)用與軟件;2014年12期

4 梁力圖;陸璐;;基于用戶會話的Web應(yīng)用性能測試方法的研究[J];計算機(jī)科學(xué);2014年11期

5 王英;;三層軟件架構(gòu)在web系統(tǒng)中的應(yīng)用[J];硅谷;2013年11期

6 張新華;何永前;;軟件測試方法概述[J];科技視界;2012年04期

7 任永功;于戈;;數(shù)據(jù)可視化技術(shù)的研究與進(jìn)展[J];計算機(jī)科學(xué);2004年12期

8 黃怡強(qiáng),郭欽祥,黃怡勝;淺談軟件開發(fā)需求分析階段的主要任務(wù)[J];中山大學(xué)學(xué)報論叢;2002年01期

相關(guān)碩士學(xué)位論文 前4條

1 楊振宇;基于Nodejs的云PACS系統(tǒng)的設(shè)計與實(shí)現(xiàn)[D];北京交通大學(xué);2017年

2 王懿;Web頁面加載性能監(jiān)測平臺的設(shè)計與實(shí)現(xiàn)[D];華中科技大學(xué);2015年

3 趙佳佳;Web性能測試與瓶頸分析的研究[D];長春理工大學(xué);2012年

4 黃浪;企業(yè)級的B/S模式應(yīng)用軟件非功能性需求分析與研究[D];廈門大學(xué);2008年

本文編號：2834608