發(fā)布時(shí)間：2020-09-23 08:00

　　 隨著信息技術(shù)的不斷發(fā)展,傳統(tǒng)的C/S架構(gòu)的開(kāi)發(fā)模式已經(jīng)逐漸被B/S架構(gòu)模式所取代,前端工程化以及前后端分離的開(kāi)發(fā)方式已經(jīng)深入人心,選擇一套合適的前端框架來(lái)進(jìn)行前端工程的開(kāi)發(fā),將會(huì)大大提高系統(tǒng)性能和用戶體驗(yàn)。同時(shí)隨著互聯(lián)網(wǎng)及電子商務(wù)的飛速發(fā)展,物流信息化受到越來(lái)越多的物流企業(yè)的重視。物流行業(yè)的蓬勃發(fā)展使得各種各樣的物流軟件及電子商務(wù)網(wǎng)站層出不窮,越來(lái)越多樣化的需求也導(dǎo)致軟件及界面交互復(fù)雜程度越來(lái)越高,因而迫切需要一套穩(wěn)定高效的物流軟件自動(dòng)化測(cè)試系統(tǒng)來(lái)滿足日益增長(zhǎng)的物流軟件自動(dòng)化測(cè)試需求。本文將研究并開(kāi)發(fā)一套基于前后端分離的方式開(kāi)發(fā)的物流軟件自動(dòng)化測(cè)試系統(tǒng),主要研究Vue.js框架在前端工程中的應(yīng)用。本文利用當(dāng)下比較流行的基于MVVM的Vue.js來(lái)開(kāi)發(fā)物流軟件自動(dòng)化測(cè)試系統(tǒng)的前端工程,主要包括測(cè)試項(xiàng)目管理、被測(cè)系統(tǒng)管理、測(cè)試用例管理、功能點(diǎn)管理、元素庫(kù)管理、對(duì)象庫(kù)管理、腳本管理等主要模塊。論文首先對(duì)物流軟件自動(dòng)化測(cè)試系統(tǒng)前端開(kāi)發(fā)的核心技術(shù)進(jìn)行了深入分析,如前端編程語(yǔ)言、MVVM模式、Vue.js框架、Bootstrap框架、FIS3構(gòu)建工具等,重點(diǎn)分析了 Vue.js框架的虛擬Dom、Diff算法、響應(yīng)式系統(tǒng)等關(guān)鍵技術(shù);然后論文從物流軟件自動(dòng)化測(cè)試系統(tǒng)的需求分析入手,設(shè)計(jì)了系統(tǒng)的各個(gè)模塊;最后,通過(guò)全面的測(cè)試對(duì)該物流軟件自動(dòng)化測(cè)試系統(tǒng)的實(shí)用性和可行性進(jìn)行了驗(yàn)證和分析。
【學(xué)位單位】：北京郵電大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位年份】：2019
【中圖分類】：TP311.53;F252
【部分圖文】：

ＤＯＭ中文名稱是文檔對(duì)象模型。它是應(yīng)用于ＨＴＭＬ的應(yīng)用程序接口［２３］，一逡逑個(gè)ＨＴＭＬ頁(yè)面可以看作一個(gè)多層次的ＤＯＭ樹(shù)，ＤＯＭ樹(shù)的分支終點(diǎn)即為一個(gè)節(jié)逡逑點(diǎn)，每個(gè)節(jié)點(diǎn)都包含著對(duì)象，例如圖２－２所示的ＨＴＭＬ頁(yè)面：逡逑？邋丨逡逑１邐＜ｈｔｍｌ＞逡逑２邐＜ｈｅａｄ＞逡逑３邐＜ｔｉｔｌｅ＞ｔｅｓｔ＜／ｔｉｔｌｅ＞逡逑４邐＜／ｈｅａｄ＞逡逑５邐＜ｂｏｄｙ＞逡逑６邐＜ｄｉｖ＞Ｈｅｌｌｏ邋ＤＯＭ�。迹洌椋觯惧义希愤姡迹猓铮洌惧义希高姡迹瑁簦恚欤惧义希彦义蠄D２－２邋ＤＯＭ結(jié)構(gòu)代碼逡逑這個(gè)頁(yè)面可以用圖２－３所示的層次節(jié)點(diǎn)圖來(lái)表示。逡逑ｈｔｍｌ逡逑邐ｈｅａｄ逡逑邐ｔｉｔｌｅ逡逑邐ｂｏｄｙ邐一￣邋ｔｅｓｔ逡逑邐邋ｄｉｖ逡逑邐Ｈｅｌｌｏ邋ＤＯＭ￣逡逑圖２－３邋ＤＯＭ結(jié)構(gòu)逡逑ＤＯＭ有三個(gè)級(jí)別，１級(jí)由ＤＯＭ邋ＣＯＲＥ和ＤＯＭ邋ＨＴＭＬ兩部分組成，２級(jí)在逡逑原來(lái)的基礎(chǔ)上擴(kuò)展了鼠標(biāo)點(diǎn)擊和用戶界面事件等模塊，３級(jí)則又對(duì)ＤＯＭ進(jìn)行了逡逑擴(kuò)展，增加了對(duì)文檔的統(tǒng)一加載和保存等功能［２４１。逡逑（３）邐ＢＯＭ逡逑ＢＯＭ中文名稱為瀏覽器對(duì)象模型［２５１，ｗｉｎｄｏｗ對(duì)象是ＢＯＭ的核心，開(kāi)發(fā)者逡逑可以通過(guò)ＢＯＭ來(lái)對(duì)瀏覽器的窗口進(jìn)行操控，例如對(duì)窗口進(jìn)行縮放和移動(dòng)，彈出逡逑新窗口和關(guān)閉窗口等，另外還有ｌｏｃａｔｉｏｎ、ｎａｖｉｇａｔｏｒ？等獨(dú)對(duì)象，這些主要用來(lái)對(duì)逡逑頁(yè)

邐＜ｄｉｖ＞Ｈｅｌｌｏ邋ＤＯＭ�。迹洌椋觯惧义希尺姡迹猓铮洌惧义蠄D２－７真實(shí)ＤＯＭ結(jié)構(gòu)逡逑相應(yīng)的虛擬ＤＯＭ的偽代碼如圖２－８：逡逑…１二巡：灄逡逑１邐ｖａｎ邋Ｖｎｏｄｅ＝｛逡逑２邐ｔａｇ：邋ｃｃｂｏｄｙｙ），逡逑３邐ｃｈｉｌｄｒｅｎ：［逡逑４邐｛ｔａｇ：邋“ｄｉｖ＇邋ｔｅｘｔ：邋“Ｈｅｌｌｏ邋ＤＯＭ！’’｝逡逑５邐］逡逑６邐＞逡逑圖２－８虛擬ＤＯＭ偽代碼逡逑Ｄｉｆｆ算法在進(jìn)行新舊節(jié)點(diǎn)比較時(shí)，只會(huì)在同一層級(jí)進(jìn)行比較，而不會(huì)跨層級(jí)逡逑進(jìn)行，這一過(guò)程可以用圖２－９來(lái)形象的表示：逡逑Ｂｅｆｏｒｅ邐Ａｆｔｅｒ逡逑ｄ邐ｌ0］逡逑［ｑｐｉ——逡逑ＯＧＤＯ邐ＯａＤＯ逡逑Ｉ邐Ｌ＿邋－邐１邐逡逑圖２－９邋Ｄｉｆｆ算法比較過(guò)程逡逑圖２－１０是ｐａｔｃｈ函數(shù)的核心部分內(nèi)容：逡逑ｒｃ？ｘ．－ｔ＾＇邐？逡逑１邐ｆｕｎｃｔｉｏｎ邋ｐａｔｃｈ邋（ｏｌｄＶｎｏｄｅ，邋ｖｎｏｄｅ）邋｛逡逑２邐／／邋ｓｏｍｅ邋ｃｏｄｅ逡逑３邐ｉｆ邋（ｓａｍｅＶｎｏｄｅ（ｏｌｄＶｎｏｄｅ，邋ｖｎｏｄｅ））邋｛逡逑４邐ｐａｔｃｈＶｎｏｄｅ（ｏｌｄＶｎｏｄｅ＾邋ｖｎｏｄｅ）逡逑５邐｝邋ｅｌｓｅ邐｛逡逑６邐ｃｏｎｓｔ邋ｏＥｌ邋＝邋ｏｌｄＶｎｏｄｅ．ｅｌ邋／／邋當(dāng)前ｏｌｄＶｎｏｄｅＸ，！ｆ＾的Ｈ元敦節(jié)點(diǎn)逡逑７邐ｌｅｔ邋ｐａｒｅｎｔＥｌｅ邋＝邋ａｐｉ．ｐａｒｅｎｔＮｏｄｅ（ｏＥｌ）邋／／邋父元若逡逑８邐ｃｐｅａｔｅＥｌｅ（ｖｎｏｄｅ）邋／／邋根物丨Ｖｎｏｄｅ生成新元累？逡逑９邐ｉｆ邋（ｐａｒｅｎｔＥｌｅ邋！＝＝邋ｎｕｌｌ）邋｛逡逑１０邐ａｐｉ．ｉｎｓｅｒｔＢｅｆｏｒｅＣｐａｒｅｎｔＥｌｅ

Ｐａｔｃｈ函數(shù)接收ｏｌｄＶｎｏｄｅ和Ｖｎｏｄｅ兩個(gè)參數(shù)，首先判斷新舊節(jié)點(diǎn)是否需要逡逑對(duì)比，如果需要比較則執(zhí)行ｐａｔｃｈＶｎｏｄｅ，如果不需要?jiǎng)t直接用Ｖｎｏｄｅ來(lái)替換逡逑ｏｌｄＶｎｏｄｅ。圖２－１１是ｓａｍｅＶｎｏｄｅ方法的核心內(nèi)容。逡逑ｉｎｃｅｘ．ｈｔｎｌ邐？邐＇？！：■逡逑１邐ｆｕｎｃｔｉｏｎ邋ｓａｍｅＶｎｏｄｅ邋（ａ，邋ｂ）邋｛逡逑２邐ｒｅｔｕｒｎ邋｛逡逑３邐ａ．ｋｅｙ邋＝＝＝邋ｂ．ｋｅｙ邋＆＆邋／／邋ｋｅｙ（Ｓ逡逑４邐ａ．ｔａｇ邋＝＝＝邋ｂ．ｔａｇ邋＆＆邋／／邋標(biāo)簽名逡逑５邐ａ．邋ｉｓＣｏｍｍｅｎｔ邋＝＝＝邋ｂ．邋ｉｓＣｏｍｍｅｎｔ邋＆＆邋／／邋是否為注釋節(jié)點(diǎn)逡逑６邐／／是否都定義了ｄａｔａ，ｄａｔａｉｉｌＶ邋＊些具體信息，例如ｏｎｃｌｉｃｋ邋，邋ｓｔｙｌｅ逡逑７邐ｉｓＤｅｆ（ａ．ｄａｔａ）邋＝＝＝邋ｉｓＤｅｆ（ｂ．ｄａｔａ）邋＆＆逡逑８邐ｓａｍｅＩｎｐｕｔＴｙｐｅ（ａ，邋ｂ）邋／／邋當(dāng)標(biāo)簽是＜ｉｎｐｕｔ＞的時(shí)候，ｔｙｐｅ必須相Ｍ逡逑９邐｝逡逑１０邋｝逡逑圖２－１１邋ｓａｍｅＶｎｏｄｅ函數(shù)核心代碼逡逑如果確定兩個(gè)節(jié)點(diǎn)需要比較，就對(duì)這兩個(gè)節(jié)點(diǎn)執(zhí)行ｐａｔｃｈＶｎｏｄｅ方法，圖２－１２逡逑足ｐａｔｃｈ邋Ｖｎｏｄｅ方法的核心內(nèi)容：逡逑１邐ｆｕｎｃｔｉｏｎ邋ｐａｔｃｈＶｎｏｄｅ邋（ｏｌｄＶｎｏｄｅ，邋ｖｎｏｄｅ）邋｛逡逑２邐ｃｏｎｓｔ邋ｅｌ邋＝邋ｖｎｏｄｅ．ｅｌ邋＝邋ｏｌｄＶｎｏｄｅ．ｅｌ逡逑３邐ｌｅｔ邋ｉ

【相似文獻(xiàn)】

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

1 孫健瑋;;高中數(shù)學(xué)自動(dòng)化測(cè)試系統(tǒng)的建設(shè)與應(yīng)用[J];報(bào)刊薈萃;2017年03期

2 劉小梅;;高考總復(fù)習(xí)“集合”教學(xué)設(shè)計(jì)——“高中數(shù)學(xué)自動(dòng)化測(cè)試系統(tǒng)”在高三復(fù)習(xí)中的應(yīng)用[J];中國(guó)信息技術(shù)教育;2010年13期

3 劉洋;;一種漏電保護(hù)器自動(dòng)化測(cè)試系統(tǒng)的使用方法[J];自動(dòng)化應(yīng)用;2017年02期

4 孫魁元;;航空航天與國(guó)防電子新形勢(shì)下自動(dòng)化測(cè)試系統(tǒng)的運(yùn)用分析[J];電子世界;2017年09期

5 楊巍;;軟件自動(dòng)化測(cè)試系統(tǒng)的設(shè)計(jì)[J];科技傳播;2014年18期

6 李忠明,張威;短信自動(dòng)化測(cè)試系統(tǒng)的開(kāi)發(fā)與應(yīng)用[J];移動(dòng)通信;2004年06期

7 何文昌;導(dǎo)彈地面測(cè)試系統(tǒng)基本型的初探[J];系統(tǒng)工程與電子技術(shù);1989年09期

8 李拉成;高新緒;楊新;陳佳實(shí);;舵機(jī)微機(jī)自動(dòng)化測(cè)試系統(tǒng)[J];航空兵器;1989年03期

9 謝榮清;侯曉東;;基于儀器庫(kù)的隨鉆自動(dòng)化測(cè)試系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J];科技視界;2018年06期

10 蘇永潮;;高中數(shù)學(xué)自動(dòng)化測(cè)試系統(tǒng)的建設(shè)與應(yīng)用[J];中國(guó)信息技術(shù)教育;2010年13期

相關(guān)會(huì)議論文 前7條

1 郭俊峰;蘇東林;;基于Labview的電磁環(huán)境自動(dòng)化測(cè)試系統(tǒng)設(shè)計(jì)[A];第十五屆全國(guó)電磁兼容學(xué)術(shù)會(huì)議論文集[C];2005年

2 孫宇;徐凱;周國(guó)全;;基于虛擬儀器的冰箱控制器自動(dòng)化測(cè)試系統(tǒng)設(shè)計(jì)[A];2016年中國(guó)家用電器技術(shù)大會(huì)論文集[C];2016年

3 王意;張永剛;姬廣斌;付金勇;孫劍峰;;汽車CAN總線網(wǎng)絡(luò)自動(dòng)化測(cè)試系統(tǒng)[A];2014中國(guó)汽車工程學(xué)會(huì)年會(huì)論文集[C];2014年

4 黎曉云;傅文杰;;微波爐玻璃轉(zhuǎn)盤(pán)應(yīng)力自動(dòng)化測(cè)試系統(tǒng)的研發(fā)[A];第十六屆全國(guó)微波能應(yīng)用學(xué)術(shù)會(huì)議專刊（下冊(cè)）[C];2013年

5 王立敏;;導(dǎo)航接收機(jī)自動(dòng)化測(cè)試系統(tǒng)的軟件設(shè)計(jì)與實(shí)現(xiàn)[A];衛(wèi)星導(dǎo)航定位與北斗系統(tǒng)應(yīng)用2017——深化北斗應(yīng)用 開(kāi)創(chuàng)中國(guó)導(dǎo)航新局面[C];2017年

6 苗勝;林成文;郭恩全;;測(cè)試總線的發(fā)展、對(duì)比及展望[A];2011下一代自動(dòng)測(cè)試系統(tǒng)學(xué)術(shù)研討會(huì)論文集[C];2011年

7 姜春榮;謝碧華;王兆永;;信號(hào)源相位噪聲的自動(dòng)化測(cè)試系統(tǒng)[A];1991年全國(guó)微波會(huì)議論文集（卷Ⅱ）[C];1991年

相關(guān)重要報(bào)紙文章 前3條

1 湖北日?qǐng)?bào)全媒記者 王婧 通訊員 余成玲 程林;機(jī)器換人，人去哪了[N];湖北日?qǐng)?bào);2019年

2 趙淑霞;點(diǎn)亮“太空天眼” 播撒“智慧之光”[N];中國(guó)航天報(bào);2015年

3 賀瑾;深度開(kāi)拓鐵路大市場(chǎng)[N];中國(guó)航天報(bào);2010年

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

1 柴青山;基于MVVM模式的Vue.js框架在物流軟件自動(dòng)化測(cè)試系統(tǒng)中的應(yīng)用研究[D];北京郵電大學(xué);2019年

2 劉q諉

本文編號(hào)：2825058