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

【參考文獻(xiàn)】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文編號(hào)：2834608