• <tr id="yyy80"></tr>
  • <sup id="yyy80"></sup>
  • <tfoot id="yyy80"><noscript id="yyy80"></noscript></tfoot>
  • 99热精品在线国产_美女午夜性视频免费_国产精品国产高清国产av_av欧美777_自拍偷自拍亚洲精品老妇_亚洲熟女精品中文字幕_www日本黄色视频网_国产精品野战在线观看 ?

    基于Web系統(tǒng)的大數(shù)據(jù)搜索技術(shù)的實(shí)現(xiàn)和優(yōu)化

    2021-04-09 05:46:57綦慧徐曉慧
    關(guān)鍵詞:搜索大數(shù)據(jù)

    綦慧 徐曉慧

    摘 要:基于Web平臺(tái)開(kāi)發(fā)背景,提出了以Axios和Element-UI組件庫(kù)為關(guān)鍵技術(shù)實(shí)現(xiàn)大數(shù)據(jù)的快速搜索。通過(guò)Axios技術(shù)跨域請(qǐng)求后臺(tái)數(shù)據(jù),將獲得的數(shù)據(jù)保存在Web內(nèi)存中。Web平臺(tái)用戶搜索組件界面通過(guò)Element-UI組件庫(kù)搭建,將從后臺(tái)獲取到的數(shù)據(jù)渲染到Web界面中,根據(jù)KMP算法進(jìn)行字符串匹配實(shí)現(xiàn)關(guān)鍵字搜索。在此基礎(chǔ)上結(jié)合Vue技術(shù)棧自定義指令懶加載實(shí)現(xiàn)快速精準(zhǔn)搜索。經(jīng)實(shí)驗(yàn)表明該種基于Web系統(tǒng)的大數(shù)據(jù)搜索框架能夠?qū)崿F(xiàn)大數(shù)據(jù)的準(zhǔn)確快速搜索。

    關(guān)鍵詞:大數(shù)據(jù);搜索;Web系統(tǒng);Axios技術(shù)

    中圖分類號(hào):TP311?????? 文獻(xiàn)標(biāo)識(shí)碼:A

    Realization and Optimization of Big Data Search

    Technology Based on Web System

    QI Hui,XU Xiao-hui

    (Faculty of Information Technology,Beijing University of Technology, Beijing 100124,China)

    Abstract:Based on the development background of Web platform, this paper proposes to realize fast search of big data with Axios and Element-Ui component library as key technologies.By using Axios technology to request background data across domains, the obtained data is stored in Web memory.The user search component interface of the Web platform is built through the element-ui component library, the data obtained from the background is rendered into the Web interface, and the keyword search is realized by string matching according to KMP algorithm.On this basis, Vue technology stack custom instruction lazy load to achieve fast and accurate search.Experiments show that the big data search framework based on Web system can realize accurate and fast search of big data.

    Key words:big data;search;Web system;Axios

    數(shù)據(jù),已經(jīng)滲透到當(dāng)今每一個(gè)行業(yè)和業(yè)務(wù)職能領(lǐng)域,成為重要的生產(chǎn)因素。IBM研究表明,僅過(guò)去兩年,人類就創(chuàng)造了世界上90%的數(shù)據(jù)[1]。IDC研究顯示,未來(lái)十年的數(shù)據(jù)存儲(chǔ)量將增長(zhǎng)50倍[2]。信息技術(shù)的迅猛發(fā)展使得數(shù)據(jù)處理容量從TB轉(zhuǎn)換為ZB。而正因?yàn)閿?shù)據(jù)量的增多,數(shù)據(jù)搜索面臨巨大的挑戰(zhàn)。

    大數(shù)據(jù)不僅是定義為數(shù)據(jù)量多,而且數(shù)據(jù)格式和種類較為復(fù)雜。基于大數(shù)據(jù)的生命周期,大數(shù)據(jù)搜索主要包括將數(shù)據(jù)提取到系統(tǒng)中、將數(shù)據(jù)保存到存儲(chǔ)中、操作搜索數(shù)據(jù)、可視化數(shù)據(jù)等四個(gè)流程。對(duì)于大數(shù)據(jù)搜索技術(shù),國(guó)內(nèi)外的研究者也提出了很多方法和模型。文獻(xiàn)[3]提出了一種基于遺傳算法的大數(shù)據(jù)搜索技術(shù),并對(duì)其方法進(jìn)行改進(jìn)仿真分析。文獻(xiàn)[4]在Lucene的基礎(chǔ)上,提出了改進(jìn)的分詞算法和改進(jìn)的相關(guān)度排序算法。文獻(xiàn)[5]基于Lucene,利用XML的數(shù)據(jù)存儲(chǔ)設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)Web搜索引擎。文獻(xiàn)[6]提出了一種優(yōu)化的web搜索模型,基于識(shí)別用戶意圖查詢的智能化搜索。

    基于Web平臺(tái)開(kāi)發(fā)為背景,提出了以Axios和Element-UI組件庫(kù)為關(guān)鍵技術(shù)搭建大數(shù)據(jù)搜索的平臺(tái)。主要介紹了基于Web系統(tǒng)的大數(shù)據(jù)搜索的實(shí)現(xiàn)框架,然后詳述了實(shí)現(xiàn)Web平臺(tái)大數(shù)據(jù)搜索的關(guān)鍵技術(shù)原理和實(shí)現(xiàn)過(guò)程。通過(guò)Axios技術(shù)跨域請(qǐng)求后臺(tái)數(shù)據(jù),將獲得的數(shù)據(jù)保存在Web內(nèi)存中。Web界面搜索組件通過(guò)Element-UI組件庫(kù)搭建,將從后臺(tái)獲取到的數(shù)據(jù)渲染到Web界面中,根據(jù)KMP算法實(shí)現(xiàn)關(guān)鍵字搜索。在此基礎(chǔ)上,還結(jié)合了Vue框架,通過(guò)自定義Vue指令,實(shí)現(xiàn)了平臺(tái)的快速搜索。通過(guò)實(shí)驗(yàn)分析,發(fā)現(xiàn)不僅能通過(guò)關(guān)鍵字準(zhǔn)確的搜索到數(shù)據(jù),并且在大數(shù)據(jù)的實(shí)驗(yàn)背景下能夠快速的通過(guò)關(guān)鍵字搜索到數(shù)據(jù),Web頁(yè)面性能不會(huì)因數(shù)據(jù)量過(guò)大而產(chǎn)生搜索數(shù)據(jù)遲緩現(xiàn)象。

    概括起來(lái),主要貢獻(xiàn)是:

    1)提出了基于Web系統(tǒng)結(jié)合Axios技術(shù)和Element-UI關(guān)鍵技術(shù)實(shí)現(xiàn)大數(shù)據(jù)的搜索。

    2)針對(duì)特殊大數(shù)據(jù)屬性名無(wú)明顯差異化,實(shí)現(xiàn)明顯搜索過(guò)濾問(wèn)題,提出運(yùn)用KMP算法實(shí)現(xiàn)了關(guān)鍵字的準(zhǔn)確搜索。

    3)基于Web系統(tǒng),針對(duì)大數(shù)據(jù)數(shù)據(jù)量大對(duì)頁(yè)面渲染遲緩的性能問(wèn)題,提出結(jié)合Vue技術(shù)棧,自定義Vue指令的方法實(shí)現(xiàn)大數(shù)據(jù)搜索的頁(yè)面性能優(yōu)化。

    1 系統(tǒng)框架

    首先介紹基于Web系統(tǒng)的大數(shù)據(jù)搜索的基本拓?fù)浣Y(jié)構(gòu)框架,如圖1所示:

    從拓?fù)浣Y(jié)構(gòu)框架分析,大數(shù)據(jù)搜索框架分為Web平臺(tái)和后臺(tái)數(shù)據(jù)庫(kù)兩部分。Web平臺(tái)是大數(shù)據(jù)搜索技術(shù)實(shí)現(xiàn)的主要依托,后臺(tái)數(shù)據(jù)庫(kù)是負(fù)責(zé)存儲(chǔ)數(shù)據(jù),供數(shù)據(jù)搜索獲取數(shù)據(jù)。從這個(gè)框架可以看出,大數(shù)據(jù)搜索技術(shù)的實(shí)現(xiàn)實(shí)現(xiàn)以下部分:數(shù)據(jù)請(qǐng)求、數(shù)據(jù)獲取、關(guān)鍵字輸入、關(guān)鍵字搜索、搜索數(shù)據(jù)結(jié)果渲染。

    2 關(guān)鍵技術(shù)

    大數(shù)據(jù)的核心技術(shù)涵蓋了數(shù)據(jù)收集、存取、基礎(chǔ)框架構(gòu)建、處理、統(tǒng)計(jì)分析、挖掘、模型預(yù)測(cè)與結(jié)果呈現(xiàn)幾方面[7]?;赪eb系統(tǒng)的大數(shù)據(jù)搜索技術(shù)主要是包含數(shù)據(jù)的獲取、處理、搜索、顯示這四個(gè)方面。如何獲取數(shù)據(jù),并把處理搜索后的數(shù)據(jù)結(jié)果準(zhǔn)確的渲染在界面中是實(shí)現(xiàn)大數(shù)據(jù)搜索的關(guān)鍵點(diǎn)。運(yùn)用axios技術(shù)和基于Element-UI組件中select解決此問(wèn)題。下面對(duì)Axios技術(shù)和Element-UI組件select下拉列表遠(yuǎn)程搜索原理作簡(jiǎn)要介紹。

    2.1 Axios技術(shù)介紹概要

    Axios是基于promise的HTTP庫(kù),用在瀏覽器和node.js中。主要介紹Axios在瀏覽器中的應(yīng)用。在Web開(kāi)發(fā)框架中,Vue技術(shù)棧請(qǐng)求服務(wù)器數(shù)據(jù)主要是通過(guò)vue-resource和Axios兩種技術(shù)與服務(wù)器通信并獲取數(shù)據(jù),由于Vue的升級(jí),vue-resource 提供的價(jià)值和其維護(hù)成本相比并不劃算,尤雨溪決定在以后取消對(duì) vue-resource 的官方推薦,不再對(duì)vue-resource進(jìn)行升級(jí),所以越來(lái)越多的開(kāi)發(fā)者用Axios插件進(jìn)行服務(wù)器數(shù)據(jù)的請(qǐng)求。

    Ajax實(shí)現(xiàn)了頁(yè)面的局部數(shù)據(jù)刷新,而Axios是對(duì)Ajax的封裝。相較于Ajax,Axios有以下新特性:

    1)從瀏覽器中創(chuàng)建XMLHttpRequest

    2)從node.js中創(chuàng)建http請(qǐng)求。

    3)支持Promise API

    4)攔截請(qǐng)求和響應(yīng)

    5)轉(zhuǎn)換請(qǐng)求數(shù)據(jù)和響應(yīng)數(shù)據(jù)

    6)取消請(qǐng)求

    7)自動(dòng)轉(zhuǎn)換JSON數(shù)據(jù)

    8)客戶端支持防御XSRF

    Ajax的核心是XMLHttpRequest,Axios請(qǐng)求是使用promise來(lái)實(shí)現(xiàn)XMLHttpRequest的。下面通過(guò)封裝XMLHttpRequest的代碼對(duì)比來(lái)說(shuō)明Axios發(fā)送請(qǐng)求回調(diào)的簡(jiǎn)要原理。

    var Ajax={get: function(url, fn) {

    /*XMLHttpRequest對(duì)象用于在后臺(tái)與服務(wù)器交換數(shù)據(jù)*/

    var xhr = new XMLHttpRequest();

    xhr.open('GET', url, true);

    xhr.onreadystatechange = function() {

    /* readyState == 4說(shuō)明請(qǐng)求已完成*/

    if(xhr.readyState==4&&xhr.status == 200) {

    /* 從服務(wù)器獲得數(shù)據(jù) */

    fn.call(this, xhr.responseText);

    }

    };

    xhr.send();

    }

    }

    var Axios = {

    get: function(url) {

    return new Promise((resolve, reject) => {

    var xhr = new XMLHttpRequest();

    xhr.open('GET', url, true);

    xhr.onreadystatechange = function() {

    /* readyState == 4說(shuō)明請(qǐng)求已完成*/

    if (xhr.readyState == 4 && xhr.status == 200)

    { /*從服務(wù)器獲得數(shù)據(jù) */

    resolve(xhr.responseText)

    }

    };

    xhr.send();

    })

    }

    }

    從對(duì)比中可以看到,axios的返回值是promise 對(duì)象,從而使得axios可以異步處理請(qǐng)求獲取的數(shù)據(jù)。由于返回值是promise對(duì)象,所以對(duì)于返回結(jié)果同promise的返回處理相同,用then處理success callback的數(shù)據(jù),用catch捕獲error callback的錯(cuò)誤并處理。

    Axios發(fā)送請(qǐng)求的整體流程如圖2所示:

    1.2 ELEMENT組件下拉列表遠(yuǎn)程搜索原理概要

    Element-UI是一套為開(kāi)發(fā)者準(zhǔn)備的VUE2.0的組件庫(kù),具有一致性、反饋、效率、可控等優(yōu)秀性能。組件設(shè)計(jì)上與現(xiàn)實(shí)生活的流程、邏輯保持一致性,并且能反饋在界面上,讓用戶清晰感知自己的操作。簡(jiǎn)化的流程、清晰明確的操作幫助用戶快速操作。該組件庫(kù)中包含很多組件,主要著重分析在大數(shù)據(jù)搜索時(shí)用到的select組件。并從代碼角度重點(diǎn)分析El-Select組件和El-Option組件遠(yuǎn)程搜索功能的實(shí)現(xiàn)原理。

    Element使用div標(biāo)簽?zāi)7聅elect。select組件HTML的代碼結(jié)構(gòu)如下所示:

    ?

    class="el-select_tags">? ??? <!--放置多選時(shí)的選中的tag,以tag展現(xiàn)-->

    ??? <!--搜索功能-->

    v-if="filterable" @input="e=>handleQueryChange

    (e.target.value)"/>?

    ? <!--單選的時(shí)候選中的值回顯-->

    :clsaa="{'is-focus':visible}">

    ? <!--下拉框-->

    ???

    v-show="options.length>

    0&&!loading">

    <!--選項(xiàng)內(nèi)容-->

    v-if="showNewOption">

    ? ?<!-- options為空顯示的默認(rèn)文字或者select處于loading的情況 -->

    從上面的代碼框架中可以看出select中有兩個(gè)input標(biāo)簽。其作用是一個(gè)用來(lái)查詢搜索,一個(gè)用來(lái)回顯查詢搜索。如何在input中實(shí)現(xiàn)搜索功能,其方法是在input標(biāo)簽中存在

    @input=″e(cuò)=>handleQueryChange(e.targ et.value)″輸入綁定。

    在輸入查詢搜索中,綁定一個(gè)handleQueryChange函數(shù)方法,函數(shù)的參數(shù)是input的搜索參數(shù),目的是當(dāng)搜索框中的內(nèi)容發(fā)生變化時(shí),響應(yīng)的input搜索結(jié)果的回顯相應(yīng)的發(fā)生變化。該函數(shù)的關(guān)鍵代碼如下所示:

    if (this.previousQuery === val) return;if (? this.previousQuery === null &&? (typeof this.filterMethod === 'function' || typeof this.remoteMethod === 'function')) {? this.previousQuery = val;? return;}

    if (this.remote && typeof this.remoteMethod === 'function') {? this.hoverIndex = -1;? this.remoteMethod(val);} else if (typeof this.filterMethod === 'function') {? this.filterMethod(val);? this.broadcast('ElOptionGroup', 'queryChange');}

    在關(guān)鍵代碼中。當(dāng)查詢搜索的數(shù)據(jù)與搜索顯示的數(shù)據(jù)不一樣時(shí),會(huì)重現(xiàn)搜索。而且搜索分為filterMethod和remoteMethod兩種搜索方法:本地搜索和遠(yuǎn)程搜索。當(dāng)在使用遠(yuǎn)程搜索時(shí),需要在select標(biāo)簽中設(shè)置remote和remote-method屬性來(lái)獲取遠(yuǎn)程的數(shù)據(jù)。當(dāng)開(kāi)發(fā)者在使用select標(biāo)簽時(shí),需要自己定義remote-method方法。remote-method方法最終將數(shù)據(jù)返回并賦值給option的v-mod el綁定數(shù)組數(shù)據(jù)將結(jié)果顯示出來(lái)。

    2 快速搜索技術(shù)的實(shí)現(xiàn)

    2.1 基于Axios的數(shù)據(jù)獲取與存儲(chǔ)

    Axios獲取數(shù)據(jù)的代碼流程如圖3所示:

    結(jié)果的獲取實(shí)現(xiàn)如圖4所示:

    2.2 基于el-select組件的數(shù)據(jù)快速搜索

    在上述過(guò)程中,由于數(shù)據(jù)量多,進(jìn)而搜索后匹配的數(shù)據(jù)量也有很多,并且很多數(shù)據(jù)的子字段具有相似性。在select輸入框中搜索關(guān)鍵字進(jìn)行搜索,回顯在el-option中的數(shù)據(jù)與原始數(shù)據(jù)在數(shù)量上并無(wú)太大差異。如何讓搜索返回的數(shù)據(jù)具有明顯搜索過(guò)濾的特征,對(duì)于該問(wèn)題的解決,本文采用在el-select組件中添加remote遠(yuǎn)程搜索的屬性,同時(shí)傳入一個(gè)remote-method。remote-method為一個(gè)Function,在該Function中運(yùn)用KMP算法解決該問(wèn)題。

    首先在remote-method中,用String()構(gòu)造函數(shù)將搜索關(guān)鍵字轉(zhuǎn)化成原始字符串。用/[^\\x00-\\xff]/g正則表達(dá)式匹配非雙字節(jié)的字符,匹配的字符用單字節(jié)字符進(jìn)行替換,并自己計(jì)算替換后字符串的長(zhǎng)度。當(dāng)字符串的長(zhǎng)度大于4時(shí),則可進(jìn)行搜索。然后采用KMP算法進(jìn)行字符串匹配搜索。

    KMP(Knuth-Morris-Pratt)算法[8]的主要思想是:目標(biāo)字符串和模式字符串進(jìn)行字符串匹配。每當(dāng)一次匹配過(guò)程中出現(xiàn)字符不匹配時(shí),不需要進(jìn)行指針回溯[9]。而是利用最長(zhǎng)相同真前綴和真后綴的相同長(zhǎng)度即next[j]所得值將模式字符串右移,繼續(xù)匹配。直到在目標(biāo)字符串中找到與模式字符串相同的字符串,并返回該字符串的下標(biāo)值;若未找到,返回值為-1。

    算法過(guò)程:假設(shè)目標(biāo)字符串S為[s0,s2,…,sn-1],長(zhǎng)度為n。模式字符串P為[p0,p2,…,pm-1],長(zhǎng)度為m,并且n>m。

    1)當(dāng)Si=P0,S[i+1]=P[1],…S[i+m-1]=P[m-1],則模式字符串在目標(biāo)字符串中匹配成功。匹配結(jié)果下標(biāo)為i。

    2)當(dāng)在1)的匹配過(guò)程中匹配不成功,即出現(xiàn)Si≠Pj時(shí),i不變,j=nextj。

    nextj=-1當(dāng)j=00當(dāng)0

    優(yōu)化后的搜索界面如圖5所示:

    當(dāng)輸入一個(gè)漢字相當(dāng)于兩個(gè)字節(jié)時(shí),無(wú)法搜索。輸入兩個(gè)漢字即四個(gè)字節(jié)時(shí)則可以在數(shù)據(jù)中搜索,并且可以滾動(dòng)選擇相應(yīng)的數(shù)據(jù)。

    3 快速搜索技術(shù)的優(yōu)化

    解決思路是實(shí)現(xiàn)option顯示的懶加載。首先在下拉框中先預(yù)覽50條數(shù)據(jù),然后滾動(dòng)滾動(dòng)條,當(dāng)滾動(dòng)到元素底部時(shí),再加載50條數(shù)據(jù),依次加載。具體方法分為兩步:第一步:創(chuàng)建自定義指令,在自定義指令中,添加DOM監(jiān)聽(tīng)事件,綁定滾動(dòng)監(jiān)聽(tīng)。首先簡(jiǎn)要介紹vue自定義指令概念和結(jié)構(gòu)。在vue中,由于MVVM模式,實(shí)現(xiàn)數(shù)據(jù)的雙向綁定,經(jīng)常用到v-model和v-on指令。但當(dāng)自身指令無(wú)法滿足開(kāi)發(fā)者時(shí),又仍需要對(duì)底層DOM進(jìn)行操作,這時(shí)就會(huì)用到自定義指令。自定義指令的基本代碼結(jié)構(gòu)如下所示:vue.directive('指令名',{鉤子函數(shù)})。vue自定義指令的目的是實(shí)現(xiàn)當(dāng)搜索數(shù)據(jù)多時(shí)回顯性能無(wú)影響,所以指令名為'loadmore',鉤子函數(shù)選用bind。在bind鉤子函數(shù)中,參數(shù)為el和binding。其中el是指自定義指令綁定的元素,用來(lái)操作DOM中元素;binding是一個(gè)對(duì)象,有value、name等屬性,也是用來(lái)操作DOM中的元素。在loadmore指令中獲取select標(biāo)簽的CSS選擇器中表示鼠標(biāo)滾動(dòng)的第一個(gè)元素,在此指定元素上添加滾動(dòng)事件監(jiān)聽(tīng)。

    滾動(dòng)監(jiān)聽(tīng)的實(shí)現(xiàn)原理[10]如圖6所示:

    由圖6看出:

    clientHeight:指的是顯示內(nèi)容的高度,在上圖中包含內(nèi)容區(qū)高度和內(nèi)邊距高度。

    scrollHeight:指的是滾動(dòng)的高度,在上圖中指的是需要顯示的元素內(nèi)容的總高度。

    scrollTop:指的是隱藏在顯示內(nèi)容區(qū)域上方的高度,在圖中指的是滾動(dòng)條滾動(dòng)了的高度。

    在滾動(dòng)監(jiān)聽(tīng)事件中,通過(guò)下式判斷select的滾動(dòng)條是否滾動(dòng)到了底部。

    scrollHeight-scrollTop<=clientHeight(2)

    第二步:第一步完成滾動(dòng)監(jiān)聽(tīng),當(dāng)監(jiān)聽(tīng)到滾動(dòng)條滾動(dòng)到元素底部時(shí),需要加載下面50條數(shù)據(jù)。在第一步中實(shí)現(xiàn)自定義指令,把自定義的指令用v-loadmore的形式添加在el-select標(biāo)簽中并綁定事件方法,在該事件方法中以每頁(yè)50條數(shù)據(jù)分頁(yè)加載。實(shí)現(xiàn)接下來(lái)50條數(shù)據(jù)懶加載的計(jì)算公式為式(3):

    Data=currentPagePage_Size+Math.min (allData_length-currentPage

    Page_Size,Page_Size)

    (3)

    其中,Data:已經(jīng)加載的數(shù)據(jù)和將要被懶加載的數(shù)據(jù);

    currentPage:當(dāng)前懶加載的頁(yè)數(shù)。初始值為1,加載完50條數(shù)據(jù)后,該值加1。

    Page_Size:每一頁(yè)需要加載的最大數(shù)據(jù)條數(shù),本文設(shè)置為50條數(shù)據(jù)。

    allData_length:需要回顯在option中所有的數(shù)據(jù)的個(gè)數(shù)。

    然后從currentPagePage_Size的位置起,到Data所在的位置回顯在option中。

    通過(guò)以上兩步實(shí)現(xiàn)了大數(shù)據(jù)快速搜索的回顯,優(yōu)化了瀏覽器性能。

    代碼實(shí)現(xiàn)流程如圖7所示:

    優(yōu)化效果圖如圖8所示:

    優(yōu)化后的界面在瀏覽器的檢查界面滾動(dòng)鼠標(biāo)每瀏覽50條數(shù)據(jù)可在控制臺(tái)打印more標(biāo)志。

    從數(shù)據(jù)庫(kù)獲取所有數(shù)據(jù)的時(shí)間如圖9所示:

    從圖10可以看出,渲染速度從3.11 s優(yōu)化為0.69 s,渲染速度增加了4.5倍。由此可見(jiàn),優(yōu)化后的界面渲染速度更快,性能更好。

    4 結(jié) 論

    基于Web系統(tǒng),面對(duì)大數(shù)據(jù)快速搜索的需求,使用axios技術(shù)實(shí)現(xiàn)與后臺(tái)數(shù)據(jù)庫(kù)通信。不僅能防止CSRF攻擊保持?jǐn)?shù)據(jù)獲取的安全性,而且還可以運(yùn)用Promise,實(shí)現(xiàn)數(shù)據(jù)的異步處理。在此基礎(chǔ)上,運(yùn)用Element-UI組件庫(kù)中的select組件,既能省去原生組件樣式和框架搭建,并且還能用關(guān)鍵字遠(yuǎn)程搜索數(shù)據(jù)實(shí)現(xiàn)數(shù)據(jù)快速搜索的優(yōu)化。在vue技術(shù)棧的背景下,自定義vue指令實(shí)現(xiàn)大數(shù)據(jù)的懶加載,這不僅大大減輕了瀏覽器渲染的壓力,更是使得用戶有更好的體驗(yàn)效果,使得數(shù)據(jù)回顯明顯的優(yōu)化。通過(guò)實(shí)驗(yàn)實(shí)現(xiàn)表明,利用axios技術(shù)實(shí)現(xiàn)Web界面與數(shù)據(jù)庫(kù)的交互,并通過(guò)select關(guān)鍵字精準(zhǔn)快速查詢需求信息,并把查詢到的數(shù)據(jù)快速渲染到web界面中具有很好的實(shí)用價(jià)值。

    回顯數(shù)據(jù)渲染優(yōu)化后時(shí)間表對(duì)比圖如圖10所示:

    參考文獻(xiàn)

    [1] 張萍,王建中.一種基于大數(shù)據(jù)的有效搜索方法的改進(jìn)[J].計(jì)算機(jī)應(yīng)用研究,2014,31(8):2331-2334.

    [2] 高興.最新歷史版本:全球大數(shù)據(jù)規(guī)模[EB/OL].http:∥www.techcn.com.cn/index.php?edition-view-185361-3.html,2012-05-01.

    [3] 林志鴻.基于改進(jìn)遺傳算法的大數(shù)據(jù)智能搜索研究[J].遼寧科技學(xué)院學(xué)報(bào),2018,20(1):18-20.

    [4] 吳潔明,韓云輝,冀單單.基于Lucene的數(shù)字作品搜索引擎的研究與設(shè)計(jì)[J].計(jì)算機(jī)工程與科學(xué),2013,35(5):166-171.

    [5] 孔伯煊,李祥.基于Lucene\\XML技術(shù)的Web搜索引擎設(shè)計(jì)與實(shí)現(xiàn)[J].航空計(jì)算技術(shù),2006,36(4):5-8.

    [6] 楊藝,周元.基于用戶查詢意圖識(shí)別的Web搜索優(yōu)化模型[J].計(jì)算機(jī)科學(xué),2012,39(1):264-267.

    [7] 羅新曼.大數(shù)據(jù)技術(shù)在計(jì)算機(jī)網(wǎng)絡(luò)信息管理中的應(yīng)用[J].電子技術(shù)與軟件工程,2019,20:150-151.

    [8] KNUTH D E,MORRIS J H,PRATT V R.Fast pattern mtching in strings[J].SIAM Journal on Computing,1977,6(2):323-350.

    [9] 付聰,余敦輝,張靈莉.面向中文敏感詞變形體的識(shí)別方法研究[J].計(jì)算機(jī)應(yīng)用研究,2019,36(4):988-991.

    [10]NICHOLAS C Z.Professional JavsScript for web developers[M].People's post publishing house:Beijing,2012:342.

    猜你喜歡
    搜索大數(shù)據(jù)
    大數(shù)據(jù)環(huán)境下基于移動(dòng)客戶端的傳統(tǒng)媒體轉(zhuǎn)型思路
    新聞世界(2016年10期)2016-10-11 20:13:53
    基于大數(shù)據(jù)背景下的智慧城市建設(shè)研究
    科技視界(2016年20期)2016-09-29 10:53:22
    數(shù)據(jù)+輿情:南方報(bào)業(yè)創(chuàng)新轉(zhuǎn)型提高服務(wù)能力的探索
    優(yōu)惠信息檢索與分析
    科技傳播(2016年8期)2016-07-13 22:44:16
    基于Android平臺(tái)的百度地圖開(kāi)發(fā)研究
    網(wǎng)上"搜索"泄密,女自領(lǐng)報(bào)復(fù)情敵引來(lái)血光之災(zāi)
    關(guān)于電影《搜索》網(wǎng)絡(luò)評(píng)論的分析
    e午夜精品久久久久久久| 国产一区二区三区视频了| 日韩欧美精品v在线| 十八禁网站免费在线| 成人午夜高清在线视频| 国产日本99.免费观看| 91老司机精品| 亚洲成人免费电影在线观看| 他把我摸到了高潮在线观看| 亚洲国产欧美一区二区综合| 熟女少妇亚洲综合色aaa.| 欧美日韩国产亚洲二区| 日韩欧美 国产精品| 亚洲,欧美精品.| 最近最新免费中文字幕在线| 亚洲男人的天堂狠狠| 熟妇人妻久久中文字幕3abv| 又粗又爽又猛毛片免费看| 免费高清视频大片| 青草久久国产| 国产探花在线观看一区二区| 色哟哟哟哟哟哟| 国产精品久久久久久精品电影| 欧美成人性av电影在线观看| 国产单亲对白刺激| 超碰成人久久| 中文字幕人成人乱码亚洲影| 午夜亚洲福利在线播放| 欧美3d第一页| 久久久久国产精品人妻aⅴ院| 最好的美女福利视频网| 国产精品精品国产色婷婷| 无人区码免费观看不卡| 国产1区2区3区精品| 超碰成人久久| 精品一区二区三区av网在线观看| 两人在一起打扑克的视频| 色综合欧美亚洲国产小说| 亚洲精品av麻豆狂野| 超碰成人久久| 国产三级中文精品| 88av欧美| 欧美zozozo另类| 精品一区二区三区四区五区乱码| 亚洲天堂国产精品一区在线| 特级一级黄色大片| 每晚都被弄得嗷嗷叫到高潮| 国产精品av视频在线免费观看| 欧美日韩中文字幕国产精品一区二区三区| 一个人观看的视频www高清免费观看 | 国产精品亚洲美女久久久| 亚洲人成网站在线播放欧美日韩| 日本五十路高清| 99久久精品热视频| 香蕉丝袜av| 真人一进一出gif抽搐免费| x7x7x7水蜜桃| 婷婷丁香在线五月| 观看免费一级毛片| 男男h啪啪无遮挡| 亚洲欧美日韩东京热| 久久久久国产精品人妻aⅴ院| 一边摸一边做爽爽视频免费| 三级国产精品欧美在线观看 | 天天躁狠狠躁夜夜躁狠狠躁| 一区福利在线观看| 日韩三级视频一区二区三区| 男女之事视频高清在线观看| 精品欧美国产一区二区三| 91麻豆av在线| 在线观看66精品国产| 99久久精品热视频| 国产av又大| 黄色a级毛片大全视频| 三级国产精品欧美在线观看 | 国产精品美女特级片免费视频播放器 | 好看av亚洲va欧美ⅴa在| 亚洲精品在线观看二区| 18禁美女被吸乳视频| 久久久久国产一级毛片高清牌| 亚洲欧美日韩东京热| 国产精品香港三级国产av潘金莲| 又大又爽又粗| 99国产精品99久久久久| 国产精品久久久av美女十八| 久久亚洲真实| 男女那种视频在线观看| 久久精品国产亚洲av高清一级| 日韩三级视频一区二区三区| 久久久国产欧美日韩av| 亚洲精品色激情综合| 性色av乱码一区二区三区2| 久久午夜亚洲精品久久| 精品欧美一区二区三区在线| 久久久久久久久中文| 成人特级黄色片久久久久久久| 色在线成人网| 国内毛片毛片毛片毛片毛片| 免费在线观看成人毛片| 国产精品电影一区二区三区| 色哟哟哟哟哟哟| 国产精品一及| 亚洲精华国产精华精| 成人三级做爰电影| 国产亚洲精品av在线| 日本黄色视频三级网站网址| 日韩精品免费视频一区二区三区| 日日干狠狠操夜夜爽| 高清毛片免费观看视频网站| 桃色一区二区三区在线观看| www.熟女人妻精品国产| 亚洲国产高清在线一区二区三| 99在线人妻在线中文字幕| 在线观看免费午夜福利视频| 国产成+人综合+亚洲专区| 国产一区在线观看成人免费| 国产成人影院久久av| 中文在线观看免费www的网站 | 亚洲精华国产精华精| 男女那种视频在线观看| 亚洲真实伦在线观看| а√天堂www在线а√下载| 国产精品久久电影中文字幕| 午夜两性在线视频| 嫩草影院精品99| 亚洲第一欧美日韩一区二区三区| 国产精品免费视频内射| 久久香蕉国产精品| 亚洲欧美精品综合久久99| 一二三四在线观看免费中文在| 岛国视频午夜一区免费看| 国产成人aa在线观看| 91九色精品人成在线观看| 欧美在线黄色| 久9热在线精品视频| 亚洲国产欧美网| 丁香欧美五月| 国产熟女午夜一区二区三区| 超碰成人久久| 久久精品影院6| 免费在线观看亚洲国产| 国产精品1区2区在线观看.| 91麻豆精品激情在线观看国产| 亚洲欧美日韩高清专用| 国产成+人综合+亚洲专区| 久久亚洲精品不卡| 操出白浆在线播放| 亚洲国产精品合色在线| 老汉色av国产亚洲站长工具| 亚洲第一欧美日韩一区二区三区| 在线观看www视频免费| 亚洲无线在线观看| 婷婷丁香在线五月| 日韩免费av在线播放| 国产av一区二区精品久久| 制服诱惑二区| 日韩精品中文字幕看吧| 五月玫瑰六月丁香| 狂野欧美激情性xxxx| 国产精品野战在线观看| 中文资源天堂在线| 丰满人妻熟妇乱又伦精品不卡| 看片在线看免费视频| 2021天堂中文幕一二区在线观| 亚洲欧美日韩无卡精品| 九九热线精品视视频播放| 国产精品 国内视频| 欧美3d第一页| 成人一区二区视频在线观看| 欧美 亚洲 国产 日韩一| 大型黄色视频在线免费观看| 啦啦啦观看免费观看视频高清| 又黄又粗又硬又大视频| 人人妻人人澡欧美一区二区| 国产一区二区三区在线臀色熟女| 在线播放国产精品三级| 国产男靠女视频免费网站| 色精品久久人妻99蜜桃| 中文资源天堂在线| 国产成年人精品一区二区| e午夜精品久久久久久久| 在线观看66精品国产| 久久久久久国产a免费观看| 久久久久国产一级毛片高清牌| 日韩中文字幕欧美一区二区| 亚洲性夜色夜夜综合| www.精华液| 午夜视频精品福利| 人成视频在线观看免费观看| 国产精品野战在线观看| 免费av毛片视频| 一进一出抽搐动态| av免费在线观看网站| 国产黄a三级三级三级人| 免费看日本二区| 久久久久久免费高清国产稀缺| 香蕉丝袜av| 日本一本二区三区精品| 午夜福利在线在线| www.www免费av| 99国产精品99久久久久| 国产精品免费一区二区三区在线| 国产97色在线日韩免费| 黄色 视频免费看| 国产高清有码在线观看视频 | 久久久久久九九精品二区国产 | 老汉色∧v一级毛片| 搡老妇女老女人老熟妇| 免费在线观看日本一区| 国产一区二区在线观看日韩 | 久久久国产精品麻豆| svipshipincom国产片| 亚洲 国产 在线| 亚洲国产欧美一区二区综合| 在线观看舔阴道视频| 日本 av在线| 免费在线观看黄色视频的| 白带黄色成豆腐渣| 国产精品自产拍在线观看55亚洲| 欧美久久黑人一区二区| 日韩 欧美 亚洲 中文字幕| 久9热在线精品视频| 日韩精品中文字幕看吧| 亚洲性夜色夜夜综合| 久久国产精品人妻蜜桃| 国产真人三级小视频在线观看| 国产熟女午夜一区二区三区| 亚洲专区国产一区二区| 久久精品国产亚洲av高清一级| 免费在线观看日本一区| 午夜免费观看网址| 亚洲av电影不卡..在线观看| 国产男靠女视频免费网站| 国产精华一区二区三区| 精品福利观看| 狠狠狠狠99中文字幕| 国产99久久九九免费精品| 色噜噜av男人的天堂激情| 一进一出抽搐动态| 日本黄大片高清| 亚洲aⅴ乱码一区二区在线播放 | 日韩av在线大香蕉| 日韩欧美在线乱码| 久久久久久久久久黄片| 国内久久婷婷六月综合欲色啪| 男人舔奶头视频| 国产成人影院久久av| 特级一级黄色大片| 舔av片在线| 精品久久久久久久久久免费视频| 亚洲片人在线观看| 最新在线观看一区二区三区| 欧美日韩黄片免| 黄频高清免费视频| 亚洲av成人一区二区三| 老汉色av国产亚洲站长工具| 亚洲欧洲精品一区二区精品久久久| 最好的美女福利视频网| 三级毛片av免费| 久久香蕉精品热| 国产伦人伦偷精品视频| 成人精品一区二区免费| 亚洲成人国产一区在线观看| 亚洲国产中文字幕在线视频| 男女午夜视频在线观看| 美女 人体艺术 gogo| 午夜两性在线视频| 老鸭窝网址在线观看| netflix在线观看网站| 中文字幕人妻丝袜一区二区| 国产aⅴ精品一区二区三区波| 成人三级黄色视频| xxxwww97欧美| 国内少妇人妻偷人精品xxx网站 | 国产精品电影一区二区三区| 99精品欧美一区二区三区四区| 欧美极品一区二区三区四区| 亚洲美女黄片视频| 97超级碰碰碰精品色视频在线观看| 精品一区二区三区视频在线观看免费| 99riav亚洲国产免费| 欧美激情久久久久久爽电影| 我要搜黄色片| 国产午夜精品论理片| 哪里可以看免费的av片| 亚洲av成人精品一区久久| 亚洲美女视频黄频| 欧美另类亚洲清纯唯美| 人人妻人人澡欧美一区二区| 免费在线观看亚洲国产| 一区二区三区高清视频在线| 一本一本综合久久| 国产午夜福利久久久久久| 久久亚洲真实| 婷婷亚洲欧美| 国产亚洲精品久久久久5区| 天堂av国产一区二区熟女人妻 | 日韩欧美在线二视频| 亚洲美女黄片视频| 久久久久久亚洲精品国产蜜桃av| 国产男靠女视频免费网站| 久99久视频精品免费| 国产精品久久久久久久电影 | а√天堂www在线а√下载| 国产亚洲精品综合一区在线观看 | 熟妇人妻久久中文字幕3abv| 免费看美女性在线毛片视频| 人人妻人人看人人澡| 亚洲18禁久久av| 在线播放国产精品三级| 久久婷婷人人爽人人干人人爱| 精品久久蜜臀av无| 少妇人妻一区二区三区视频| av福利片在线| 每晚都被弄得嗷嗷叫到高潮| 久久精品人妻少妇| 久久香蕉激情| 久久久久久九九精品二区国产 | 亚洲自拍偷在线| 99久久国产精品久久久| 国产三级中文精品| 久久久久性生活片| 国内少妇人妻偷人精品xxx网站 | 韩国av一区二区三区四区| 国产一区二区在线av高清观看| 亚洲在线自拍视频| 88av欧美| 免费观看精品视频网站| 宅男免费午夜| 最近最新中文字幕大全电影3| 午夜a级毛片| 色综合欧美亚洲国产小说| 日韩成人在线观看一区二区三区| 成年女人毛片免费观看观看9| av中文乱码字幕在线| 国产麻豆成人av免费视频| 免费在线观看影片大全网站| 成人av在线播放网站| 三级国产精品欧美在线观看 | 窝窝影院91人妻| 亚洲国产欧洲综合997久久,| 啦啦啦韩国在线观看视频| 深夜精品福利| 怎么达到女性高潮| 亚洲国产欧美人成| 黑人操中国人逼视频| 亚洲av电影在线进入| 真人做人爱边吃奶动态| 亚洲中文av在线| 国产99久久九九免费精品| 十八禁网站免费在线| 夜夜躁狠狠躁天天躁| 国产成年人精品一区二区| 男女那种视频在线观看| 长腿黑丝高跟| 真人做人爱边吃奶动态| 成在线人永久免费视频| 国产免费男女视频| cao死你这个sao货| 亚洲精品一卡2卡三卡4卡5卡| 男女视频在线观看网站免费 | 免费在线观看黄色视频的| 欧美一区二区精品小视频在线| 99在线视频只有这里精品首页| 身体一侧抽搐| 久99久视频精品免费| 国内少妇人妻偷人精品xxx网站 | 国产又黄又爽又无遮挡在线| 美女大奶头视频| 欧美丝袜亚洲另类 | 无遮挡黄片免费观看| 首页视频小说图片口味搜索| 亚洲国产精品999在线| 亚洲一区高清亚洲精品| 精品久久久久久,| 首页视频小说图片口味搜索| 一a级毛片在线观看| www.精华液| 久久99热这里只有精品18| 国产久久久一区二区三区| 99久久精品热视频| 久久久久精品国产欧美久久久| 美女大奶头视频| 特大巨黑吊av在线直播| 日本 av在线| 黄色丝袜av网址大全| 国产欧美日韩一区二区三| 国产aⅴ精品一区二区三区波| 亚洲,欧美精品.| 黄色a级毛片大全视频| 亚洲精品美女久久av网站| 日日爽夜夜爽网站| 国产精品自产拍在线观看55亚洲| 不卡av一区二区三区| 国产成人精品无人区| 国语自产精品视频在线第100页| 1024视频免费在线观看| 妹子高潮喷水视频| 无人区码免费观看不卡| 天天躁狠狠躁夜夜躁狠狠躁| 日韩欧美在线二视频| 一进一出好大好爽视频| 免费观看精品视频网站| 亚洲av成人av| 免费一级毛片在线播放高清视频| 亚洲性夜色夜夜综合| 亚洲自偷自拍图片 自拍| 两个人视频免费观看高清| 亚洲色图av天堂| 18美女黄网站色大片免费观看| 一级黄色大片毛片| 欧美成狂野欧美在线观看| 99久久久亚洲精品蜜臀av| 99久久国产精品久久久| 亚洲国产精品999在线| 一卡2卡三卡四卡精品乱码亚洲| 黄色女人牲交| 久久久精品大字幕| 国产一区二区三区在线臀色熟女| www日本在线高清视频| 欧美zozozo另类| 日本成人三级电影网站| 制服诱惑二区| 精品人妻1区二区| 国产成人欧美在线观看| 色综合亚洲欧美另类图片| 亚洲第一电影网av| 亚洲18禁久久av| 一级毛片高清免费大全| 91成年电影在线观看| 亚洲一区二区三区不卡视频| 欧美在线一区亚洲| 在线观看www视频免费| 欧美日韩福利视频一区二区| 最好的美女福利视频网| √禁漫天堂资源中文www| 日韩欧美三级三区| 亚洲中文日韩欧美视频| 搡老妇女老女人老熟妇| 国产亚洲av高清不卡| 91国产中文字幕| 天天躁夜夜躁狠狠躁躁| 久久久久国产一级毛片高清牌| 黄色女人牲交| 99精品在免费线老司机午夜| 香蕉丝袜av| 国产精品一区二区精品视频观看| 最近在线观看免费完整版| 波多野结衣高清无吗| 精品欧美一区二区三区在线| 国产精品,欧美在线| 可以在线观看毛片的网站| 成在线人永久免费视频| 婷婷精品国产亚洲av| 一进一出抽搐动态| av天堂在线播放| 成人三级做爰电影| 亚洲精品色激情综合| 波多野结衣巨乳人妻| 性色av乱码一区二区三区2| 中文在线观看免费www的网站 | 成人永久免费在线观看视频| 99久久无色码亚洲精品果冻| 老司机靠b影院| 老司机午夜十八禁免费视频| 国产又色又爽无遮挡免费看| 精品一区二区三区av网在线观看| 舔av片在线| 亚洲午夜精品一区,二区,三区| 久久久久九九精品影院| 波多野结衣高清无吗| 特大巨黑吊av在线直播| 99精品欧美一区二区三区四区| 色综合婷婷激情| 51午夜福利影视在线观看| 久久国产精品影院| 狂野欧美白嫩少妇大欣赏| 啦啦啦免费观看视频1| 中文在线观看免费www的网站 | 亚洲午夜精品一区,二区,三区| 男插女下体视频免费在线播放| 亚洲 国产 在线| 精品日产1卡2卡| 亚洲av美国av| 91九色精品人成在线观看| 母亲3免费完整高清在线观看| 999久久久精品免费观看国产| 三级毛片av免费| 在线观看一区二区三区| 人妻丰满熟妇av一区二区三区| 欧美性猛交╳xxx乱大交人| 午夜激情av网站| 制服诱惑二区| 少妇人妻一区二区三区视频| xxx96com| 在线观看美女被高潮喷水网站 | 亚洲黑人精品在线| 不卡一级毛片| 亚洲一区高清亚洲精品| 美女黄网站色视频| 久久久久免费精品人妻一区二区| 午夜福利在线观看吧| 一进一出抽搐gif免费好疼| 亚洲第一欧美日韩一区二区三区| 欧美黑人欧美精品刺激| 欧美乱色亚洲激情| 桃红色精品国产亚洲av| 亚洲乱码一区二区免费版| 国内久久婷婷六月综合欲色啪| 国产一区二区激情短视频| 亚洲欧美日韩东京热| 欧美成狂野欧美在线观看| 午夜福利18| 久久人妻av系列| 黄色视频,在线免费观看| 三级男女做爰猛烈吃奶摸视频| 免费在线观看黄色视频的| www日本黄色视频网| 久久久精品大字幕| 51午夜福利影视在线观看| 国产午夜福利久久久久久| 欧美丝袜亚洲另类 | 成年人黄色毛片网站| 欧美日本亚洲视频在线播放| 久久国产精品人妻蜜桃| 日韩欧美免费精品| 亚洲中文字幕日韩| 女人被狂操c到高潮| 国产91精品成人一区二区三区| 精品高清国产在线一区| 麻豆av在线久日| 国产三级中文精品| 国产人伦9x9x在线观看| 国产精品精品国产色婷婷| 欧美成人午夜精品| 欧美黄色淫秽网站| 国产精品一区二区三区四区久久| 亚洲va日本ⅴa欧美va伊人久久| 国产av又大| 五月伊人婷婷丁香| 国产精品电影一区二区三区| 国产精品久久久久久人妻精品电影| 一进一出抽搐gif免费好疼| 校园春色视频在线观看| 亚洲中文av在线| 婷婷精品国产亚洲av| 国产成人一区二区三区免费视频网站| 日韩欧美一区二区三区在线观看| 看黄色毛片网站| 中亚洲国语对白在线视频| 欧美又色又爽又黄视频| 中文字幕最新亚洲高清| 国内毛片毛片毛片毛片毛片| 身体一侧抽搐| 国产激情久久老熟女| 一二三四社区在线视频社区8| 欧美日韩瑟瑟在线播放| 亚洲一卡2卡3卡4卡5卡精品中文| 久久精品夜夜夜夜夜久久蜜豆 | 一二三四社区在线视频社区8| 欧美日韩瑟瑟在线播放| 午夜免费激情av| 日韩欧美 国产精品| xxxwww97欧美| 亚洲av成人不卡在线观看播放网| 香蕉av资源在线| 欧洲精品卡2卡3卡4卡5卡区| 久久这里只有精品中国| 观看免费一级毛片| 国产一区二区在线av高清观看| 亚洲国产欧美网| 性色av乱码一区二区三区2| 国产黄片美女视频| 十八禁人妻一区二区| 12—13女人毛片做爰片一| 欧美色欧美亚洲另类二区| 美女大奶头视频| 在线播放国产精品三级| 亚洲精品美女久久久久99蜜臀| 一区二区三区国产精品乱码| 在线观看美女被高潮喷水网站 | 久久精品亚洲精品国产色婷小说| 国产精品久久久久久人妻精品电影| 午夜两性在线视频| 国产成人aa在线观看| 国产精品久久久av美女十八| www.熟女人妻精品国产| 国产欧美日韩精品亚洲av| 欧美高清成人免费视频www| 亚洲av第一区精品v没综合| 一二三四在线观看免费中文在| 给我免费播放毛片高清在线观看| 日韩大码丰满熟妇| 美女免费视频网站| 麻豆一二三区av精品| 一本久久中文字幕| 中文字幕人成人乱码亚洲影| 中文字幕高清在线视频| 91国产中文字幕| avwww免费| 久久久久免费精品人妻一区二区| 最近在线观看免费完整版| 黄色女人牲交| 一本大道久久a久久精品| 免费在线观看黄色视频的| 亚洲成人国产一区在线观看| 亚洲欧美日韩东京热| 久久久精品国产亚洲av高清涩受| 宅男免费午夜| 成人国产综合亚洲| 亚洲成a人片在线一区二区| 国产av不卡久久| 女同久久另类99精品国产91| 99久久综合精品五月天人人| 精品久久久久久久毛片微露脸|