• <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)論的分析
    国内精品久久久久久久电影| 国产精品av视频在线免费观看| 色综合亚洲欧美另类图片| 俄罗斯特黄特色一大片| 国产精品美女特级片免费视频播放器| 亚洲国产中文字幕在线视频| 欧美激情久久久久久爽电影| 国产男靠女视频免费网站| 国产91精品成人一区二区三区| 天美传媒精品一区二区| 精品一区二区三区视频在线 | 麻豆一二三区av精品| 香蕉丝袜av| 午夜福利高清视频| 日韩精品青青久久久久久| 亚洲不卡免费看| 亚洲精品乱码久久久v下载方式 | 国产成人av教育| 亚洲一区高清亚洲精品| 内地一区二区视频在线| 亚洲中文日韩欧美视频| 久久精品国产亚洲av涩爱 | 99久久99久久久精品蜜桃| 熟妇人妻久久中文字幕3abv| 成人高潮视频无遮挡免费网站| 久久久久久人人人人人| 精品国产三级普通话版| 亚洲无线在线观看| 亚洲aⅴ乱码一区二区在线播放| 真人一进一出gif抽搐免费| 色av中文字幕| 人人妻人人看人人澡| 99久久九九国产精品国产免费| 12—13女人毛片做爰片一| 黄色女人牲交| 搡老妇女老女人老熟妇| 午夜激情欧美在线| 午夜久久久久精精品| 国产激情欧美一区二区| 人人妻人人看人人澡| 一本综合久久免费| 精品久久久久久久人妻蜜臀av| 亚洲人成网站高清观看| 在线播放国产精品三级| 国产成人啪精品午夜网站| 狂野欧美白嫩少妇大欣赏| 欧美一区二区国产精品久久精品| av在线天堂中文字幕| АⅤ资源中文在线天堂| avwww免费| 国产主播在线观看一区二区| 草草在线视频免费看| 国产午夜精品久久久久久一区二区三区 | 老熟妇乱子伦视频在线观看| 国产午夜精品论理片| 亚洲午夜理论影院| 日韩国内少妇激情av| 成人精品一区二区免费| 在线播放无遮挡| 一区二区三区国产精品乱码| 法律面前人人平等表现在哪些方面| 亚洲欧美激情综合另类| 欧美色欧美亚洲另类二区| 久99久视频精品免费| 在线看三级毛片| 亚洲精品456在线播放app | 亚洲自拍偷在线| 搡女人真爽免费视频火全软件 | 波多野结衣巨乳人妻| 亚洲成人久久爱视频| 国产久久久一区二区三区| 精品国内亚洲2022精品成人| h日本视频在线播放| 日本免费一区二区三区高清不卡| 国产一区在线观看成人免费| 中文字幕人成人乱码亚洲影| 深夜精品福利| 久久久久久久精品吃奶| 成人av在线播放网站| 欧美中文综合在线视频| 啦啦啦观看免费观看视频高清| 色老头精品视频在线观看| 男人舔奶头视频| 一区福利在线观看| 内射极品少妇av片p| 熟女电影av网| 久久久久亚洲av毛片大全| 草草在线视频免费看| 最近视频中文字幕2019在线8| 亚洲五月婷婷丁香| 很黄的视频免费| 99久国产av精品| 亚洲欧美激情综合另类| 亚洲第一电影网av| 成熟少妇高潮喷水视频| 中文字幕久久专区| 久久国产精品影院| 国产 一区 欧美 日韩| 男人和女人高潮做爰伦理| 亚洲人与动物交配视频| 日本三级黄在线观看| 丁香六月欧美| 成人高潮视频无遮挡免费网站| 亚洲 国产 在线| 变态另类丝袜制服| 给我免费播放毛片高清在线观看| 国产亚洲av嫩草精品影院| 精品99又大又爽又粗少妇毛片 | 亚洲精品亚洲一区二区| 国产视频一区二区在线看| 久久精品国产99精品国产亚洲性色| 国内久久婷婷六月综合欲色啪| xxx96com| 757午夜福利合集在线观看| 日韩精品青青久久久久久| 听说在线观看完整版免费高清| 欧美中文日本在线观看视频| 女同久久另类99精品国产91| АⅤ资源中文在线天堂| 亚洲av不卡在线观看| 亚洲国产精品合色在线| 国内少妇人妻偷人精品xxx网站| 国产99白浆流出| 最近最新中文字幕大全电影3| 伊人久久精品亚洲午夜| 日本免费一区二区三区高清不卡| 亚洲熟妇中文字幕五十中出| 男女视频在线观看网站免费| 少妇的丰满在线观看| 国产探花在线观看一区二区| 在线观看av片永久免费下载| 国产亚洲欧美在线一区二区| 无人区码免费观看不卡| 欧美一级a爱片免费观看看| 小蜜桃在线观看免费完整版高清| 国产精品亚洲美女久久久| 国产精品亚洲美女久久久| 久久久久免费精品人妻一区二区| 三级国产精品欧美在线观看| 伊人久久大香线蕉亚洲五| 午夜福利在线在线| 国产高清视频在线播放一区| 露出奶头的视频| 色播亚洲综合网| 国产麻豆成人av免费视频| bbb黄色大片| 一边摸一边抽搐一进一小说| 免费观看的影片在线观看| 老司机福利观看| 老师上课跳d突然被开到最大视频 久久午夜综合久久蜜桃 | 精品欧美国产一区二区三| 亚洲精品乱码久久久v下载方式 | av视频在线观看入口| www国产在线视频色| netflix在线观看网站| 亚洲电影在线观看av| 国产主播在线观看一区二区| 国产精品爽爽va在线观看网站| 好男人在线观看高清免费视频| 日韩欧美在线二视频| 少妇的逼水好多| 精品一区二区三区视频在线观看免费| 久久婷婷人人爽人人干人人爱| 午夜福利免费观看在线| 精品一区二区三区视频在线 | 久久精品国产清高在天天线| 亚洲国产欧洲综合997久久,| 欧美xxxx黑人xx丫x性爽| 熟女少妇亚洲综合色aaa.| 美女被艹到高潮喷水动态| 免费在线观看日本一区| 久久精品亚洲精品国产色婷小说| 亚洲精品亚洲一区二区| 亚洲乱码一区二区免费版| 色在线成人网| 精品久久久久久久毛片微露脸| 亚洲av熟女| 国产高清有码在线观看视频| 午夜激情福利司机影院| 国产伦精品一区二区三区四那| 婷婷精品国产亚洲av| 亚洲美女视频黄频| a级毛片a级免费在线| 欧美成狂野欧美在线观看| 久久人妻av系列| 国产极品精品免费视频能看的| 精品福利观看| 热99在线观看视频| 九色成人免费人妻av| 九色成人免费人妻av| 久久6这里有精品| 精品久久久久久久末码| 青草久久国产| 人妻久久中文字幕网| 成人国产综合亚洲| 欧美bdsm另类| 高清日韩中文字幕在线| 久久这里只有精品中国| 51午夜福利影视在线观看| 三级毛片av免费| 怎么达到女性高潮| 国产伦一二天堂av在线观看| 亚洲一区二区三区色噜噜| 中文字幕av成人在线电影| 国产91精品成人一区二区三区| 狠狠狠狠99中文字幕| 亚洲av电影不卡..在线观看| 国产又黄又爽又无遮挡在线| 日本黄色视频三级网站网址| 深夜精品福利| 国产淫片久久久久久久久 | 老师上课跳d突然被开到最大视频 久久午夜综合久久蜜桃 | 丰满人妻熟妇乱又伦精品不卡| 国产精品久久电影中文字幕| 国产精品98久久久久久宅男小说| 欧美最新免费一区二区三区 | 国产在视频线在精品| 麻豆久久精品国产亚洲av| 高清日韩中文字幕在线| 91久久精品国产一区二区成人 | 久久久久久久久中文| 我的老师免费观看完整版| 男人舔女人下体高潮全视频| 男插女下体视频免费在线播放| 最近在线观看免费完整版| 99热精品在线国产| 久久国产精品影院| 亚洲国产欧洲综合997久久,| 免费在线观看成人毛片| 色老头精品视频在线观看| 亚洲美女黄片视频| 一个人免费在线观看电影| 亚洲不卡免费看| 又黄又粗又硬又大视频| 久久婷婷人人爽人人干人人爱| 亚洲av熟女| www.熟女人妻精品国产| 日韩中文字幕欧美一区二区| 十八禁网站免费在线| 色视频www国产| a级一级毛片免费在线观看| 精品人妻偷拍中文字幕| or卡值多少钱| 99久久综合精品五月天人人| 99久久九九国产精品国产免费| 亚洲熟妇中文字幕五十中出| 老司机午夜十八禁免费视频| 天天一区二区日本电影三级| 欧美av亚洲av综合av国产av| 女生性感内裤真人,穿戴方法视频| 免费在线观看成人毛片| 亚洲中文日韩欧美视频| 亚洲成人精品中文字幕电影| 啪啪无遮挡十八禁网站| 亚洲aⅴ乱码一区二区在线播放| 日韩欧美在线二视频| 老熟妇仑乱视频hdxx| 免费观看人在逋| 久久久久精品国产欧美久久久| 一区二区三区激情视频| 久久久久久国产a免费观看| 老司机午夜十八禁免费视频| 欧美日韩瑟瑟在线播放| 丰满人妻一区二区三区视频av | 九色国产91popny在线| 人妻夜夜爽99麻豆av| 九九热线精品视视频播放| 美女 人体艺术 gogo| 亚洲中文日韩欧美视频| 国产精品久久久久久亚洲av鲁大| 国产一区二区三区在线臀色熟女| 亚洲av免费高清在线观看| 天堂网av新在线| 身体一侧抽搐| 有码 亚洲区| 久久久久九九精品影院| 午夜久久久久精精品| 老熟妇仑乱视频hdxx| 90打野战视频偷拍视频| 99久国产av精品| 亚洲国产高清在线一区二区三| 99热只有精品国产| a在线观看视频网站| 日韩欧美在线乱码| 精品久久久久久,| 18禁裸乳无遮挡免费网站照片| 级片在线观看| 久久久久国产精品人妻aⅴ院| 草草在线视频免费看| 国产精品三级大全| 无人区码免费观看不卡| 国产熟女xx| 久久99热这里只有精品18| 国产成人av教育| 久久久久久久久中文| 一区福利在线观看| 69人妻影院| 啦啦啦观看免费观看视频高清| 2021天堂中文幕一二区在线观| 观看美女的网站| 久久伊人香网站| 精品国产亚洲在线| 亚洲精品国产精品久久久不卡| 非洲黑人性xxxx精品又粗又长| 国产熟女xx| 色在线成人网| 观看美女的网站| 欧美日韩亚洲国产一区二区在线观看| 亚洲国产欧美网| 一进一出抽搐gif免费好疼| 变态另类丝袜制服| 午夜福利视频1000在线观看| 精品无人区乱码1区二区| 欧美最黄视频在线播放免费| 欧美日韩黄片免| 淫秽高清视频在线观看| 亚洲第一欧美日韩一区二区三区| 国产精品国产高清国产av| 国内少妇人妻偷人精品xxx网站| 最新中文字幕久久久久| 99国产精品一区二区蜜桃av| 最新美女视频免费是黄的| 国产精品综合久久久久久久免费| 淫秽高清视频在线观看| 99热6这里只有精品| 色老头精品视频在线观看| 搡女人真爽免费视频火全软件 | 国内少妇人妻偷人精品xxx网站| 超碰av人人做人人爽久久 | 网址你懂的国产日韩在线| 美女高潮喷水抽搐中文字幕| 美女 人体艺术 gogo| 两性午夜刺激爽爽歪歪视频在线观看| 国产乱人视频| 成年女人永久免费观看视频| tocl精华| 日本三级黄在线观看| 国产一级毛片七仙女欲春2| 少妇的逼好多水| 免费看日本二区| 天天一区二区日本电影三级| 国产伦精品一区二区三区视频9 | 日日摸夜夜添夜夜添小说| 色哟哟哟哟哟哟| 欧美性猛交╳xxx乱大交人| 国产久久久一区二区三区| 九九在线视频观看精品| 亚洲内射少妇av| 欧美黄色淫秽网站| 国产伦一二天堂av在线观看| 亚洲成人精品中文字幕电影| 少妇裸体淫交视频免费看高清| 国产aⅴ精品一区二区三区波| 国产一区二区三区视频了| 日韩欧美免费精品| 亚洲av电影不卡..在线观看| 三级男女做爰猛烈吃奶摸视频| 19禁男女啪啪无遮挡网站| 国产中年淑女户外野战色| 国产老妇女一区| a级毛片a级免费在线| 亚洲国产精品久久男人天堂| 1000部很黄的大片| 乱人视频在线观看| 丰满人妻熟妇乱又伦精品不卡| av在线蜜桃| 久久精品综合一区二区三区| 国产av一区在线观看免费| 小说图片视频综合网站| 九九热线精品视视频播放| 狂野欧美激情性xxxx| 亚洲av五月六月丁香网| 少妇的逼好多水| 三级毛片av免费| 老熟妇乱子伦视频在线观看| 美女黄网站色视频| 精品无人区乱码1区二区| 午夜两性在线视频| 淫秽高清视频在线观看| 高清在线国产一区| 色在线成人网| 久久久久九九精品影院| 欧美+日韩+精品| 国产亚洲欧美在线一区二区| 欧美另类亚洲清纯唯美| 久久精品人妻少妇| 国模一区二区三区四区视频| 性欧美人与动物交配| 波多野结衣巨乳人妻| 婷婷六月久久综合丁香| 国产真实乱freesex| 国产精品98久久久久久宅男小说| 舔av片在线| 淫妇啪啪啪对白视频| 搡老岳熟女国产| 青草久久国产| 99久久九九国产精品国产免费| 日韩精品中文字幕看吧| 国产精品久久久久久精品电影| 在线观看免费午夜福利视频| 少妇高潮的动态图| 听说在线观看完整版免费高清| 国产欧美日韩精品一区二区| 国产精品一区二区三区四区久久| av黄色大香蕉| 最好的美女福利视频网| 亚洲国产色片| 国产精品久久久久久久电影 | 久久久久久久精品吃奶| 最新美女视频免费是黄的| 欧美+亚洲+日韩+国产| 成人无遮挡网站| 国产伦在线观看视频一区| 日本免费a在线| 岛国在线观看网站| 性色avwww在线观看| 夜夜看夜夜爽夜夜摸| 毛片女人毛片| 好男人电影高清在线观看| e午夜精品久久久久久久| 亚洲成人中文字幕在线播放| 国产高清videossex| 99精品欧美一区二区三区四区| 可以在线观看毛片的网站| 国产一区二区三区在线臀色熟女| www日本在线高清视频| 老鸭窝网址在线观看| 国产视频一区二区在线看| 真人一进一出gif抽搐免费| 亚洲 国产 在线| 美女高潮的动态| 男女下面进入的视频免费午夜| 级片在线观看| 亚洲国产欧美人成| 两性午夜刺激爽爽歪歪视频在线观看| 亚洲性夜色夜夜综合| 高潮久久久久久久久久久不卡| 变态另类丝袜制服| 成人永久免费在线观看视频| 久久精品国产亚洲av涩爱 | 夜夜夜夜夜久久久久| 一级a爱片免费观看的视频| 色尼玛亚洲综合影院| 岛国视频午夜一区免费看| 国产伦精品一区二区三区四那| 国产精品精品国产色婷婷| 亚洲欧美日韩东京热| 久久精品91无色码中文字幕| 色哟哟哟哟哟哟| x7x7x7水蜜桃| 男人舔女人下体高潮全视频| 亚洲av成人精品一区久久| 久久久久久久午夜电影| 日本熟妇午夜| 日韩高清综合在线| 91字幕亚洲| 久久久国产成人精品二区| 男女做爰动态图高潮gif福利片| 精品久久久久久久久久免费视频| 淫秽高清视频在线观看| 国产精品一区二区三区四区免费观看 | av片东京热男人的天堂| 国内揄拍国产精品人妻在线| 午夜精品一区二区三区免费看| 亚洲av电影在线进入| 久久精品国产亚洲av涩爱 | 最新美女视频免费是黄的| 麻豆国产97在线/欧美| 91九色精品人成在线观看| 欧美激情在线99| 国产视频一区二区在线看| 在线观看免费午夜福利视频| 91av网一区二区| 天堂影院成人在线观看| 有码 亚洲区| 搞女人的毛片| 男插女下体视频免费在线播放| 精品人妻偷拍中文字幕| 亚洲av不卡在线观看| 99热只有精品国产| 亚洲国产日韩欧美精品在线观看 | 两个人的视频大全免费| 久久久国产成人精品二区| 丰满的人妻完整版| 午夜视频国产福利| 亚洲黑人精品在线| 我的老师免费观看完整版| 国产69精品久久久久777片| 久久精品夜夜夜夜夜久久蜜豆| 日本一本二区三区精品| 极品教师在线免费播放| 三级男女做爰猛烈吃奶摸视频| 成人性生交大片免费视频hd| 五月伊人婷婷丁香| 国产色婷婷99| 在线观看美女被高潮喷水网站 | 精品人妻偷拍中文字幕| 亚洲av不卡在线观看| 日本精品一区二区三区蜜桃| 中文资源天堂在线| 一边摸一边抽搐一进一小说| 亚洲av成人不卡在线观看播放网| 日本三级黄在线观看| 国产黄a三级三级三级人| 国产精品99久久久久久久久| 美女cb高潮喷水在线观看| 精品人妻1区二区| 99热这里只有精品一区| 亚洲精品粉嫩美女一区| 色老头精品视频在线观看| 男人和女人高潮做爰伦理| 村上凉子中文字幕在线| 久久人妻av系列| 黄色视频,在线免费观看| 又紧又爽又黄一区二区| x7x7x7水蜜桃| 欧美午夜高清在线| 99久久99久久久精品蜜桃| 亚洲精华国产精华精| 午夜福利高清视频| 亚洲男人的天堂狠狠| 变态另类丝袜制服| 99久久九九国产精品国产免费| 国产淫片久久久久久久久 | 中文字幕人妻丝袜一区二区| 特级一级黄色大片| 亚洲五月婷婷丁香| 精品久久久久久,| 国产高清三级在线| 在线观看美女被高潮喷水网站 | 人人妻人人澡欧美一区二区| 欧美大码av| 淫秽高清视频在线观看| 久久国产精品影院| 在线看三级毛片| 18禁国产床啪视频网站| 91在线观看av| 亚洲五月婷婷丁香| 亚洲国产精品sss在线观看| 国产成人a区在线观看| 一个人免费在线观看电影| 999久久久精品免费观看国产| 性欧美人与动物交配| 男女床上黄色一级片免费看| 免费看光身美女| 久9热在线精品视频| 亚洲精品日韩av片在线观看 | 亚洲美女视频黄频| 中文字幕av在线有码专区| 欧美成人一区二区免费高清观看| 日本五十路高清| 九色国产91popny在线| 亚洲av一区综合| 亚洲精品在线美女| 免费看日本二区| 国产欧美日韩精品亚洲av| 欧美激情久久久久久爽电影| 亚洲成人久久爱视频| 国产蜜桃级精品一区二区三区| 亚洲成av人片在线播放无| 亚洲精品久久国产高清桃花| 村上凉子中文字幕在线| 国产色婷婷99| 久久亚洲真实| 99国产极品粉嫩在线观看| 最近最新中文字幕大全电影3| 制服丝袜大香蕉在线| 午夜福利在线观看免费完整高清在 | 国内久久婷婷六月综合欲色啪| or卡值多少钱| 精品国产超薄肉色丝袜足j| 精品久久久久久久末码| 男女午夜视频在线观看| 亚洲在线观看片| 欧美在线一区亚洲| 欧美又色又爽又黄视频| 最近最新中文字幕大全电影3| 男女之事视频高清在线观看| 国产高潮美女av| 亚洲国产精品久久男人天堂| 听说在线观看完整版免费高清| 精品国产亚洲在线| 欧美日韩亚洲国产一区二区在线观看| 久久久久久大精品| 亚洲电影在线观看av| 成熟少妇高潮喷水视频| 综合色av麻豆| 精品国产超薄肉色丝袜足j| 欧美日韩亚洲国产一区二区在线观看| 亚洲无线在线观看| 九九在线视频观看精品| 亚洲第一欧美日韩一区二区三区| 亚洲国产欧美人成| 国产视频一区二区在线看| 蜜桃亚洲精品一区二区三区| 久久久久久国产a免费观看| 国产精品亚洲一级av第二区| 成年女人毛片免费观看观看9| 亚洲国产欧美人成| 在线天堂最新版资源| 中出人妻视频一区二区| 色综合站精品国产| 在线天堂最新版资源| 成熟少妇高潮喷水视频| 亚洲狠狠婷婷综合久久图片| 一级黄色大片毛片| 国产真实乱freesex| 亚洲欧美日韩无卡精品| 级片在线观看| 人人妻,人人澡人人爽秒播| 亚洲av熟女| 亚洲人成电影免费在线| 在线观看一区二区三区| 国产精品野战在线观看| 亚洲国产精品成人综合色|