1006大設(shè)計(jì)翻譯版基于Skyline動(dòng)態(tài)態(tài)勢顯示系統(tǒng)與實(shí)現(xiàn)

DesignandImplementationofDynamicSituationDisplaySystemBasedonSkylineTutor：ShenXu-Withtheimprovementinthelevelofsocialinformation,modelingandsimulationofsituationhasbeenwidelyusedinvariousindustries.ThispaperaimstodevelopadynamicsituationdisplaysystembasedontheB/Sstructuretoachieveacquisition,optimizationanddisplayofdynamicsituation.Thesystemincludesthefollowingmainfeatures:two-andthree-dimensionaldisplayandseamlesshandoverutility;abilitytoobtaindynamicsituationinastreamingwayviaWebSocketandpushthedatatotheclientinrealtime.Thisarticlediscusseswhatthesystemneedstoachieve,thendesignsthemainframeworkofthesystembasedonthemodel-vie ttern,andresearchestheimplementationofkeyalgorithmsinthesystem.Thus,thestructureandimplementationoftheentiresystemarepresentedfromthesediscussions.：Skyline,DynamicSituation緒 課題來 研究背景與意 地理信息系統(tǒng)簡 態(tài)勢的定義和介 態(tài)勢顯示系統(tǒng)的組成和職 國內(nèi)外研究現(xiàn) Skyline簡介以及在態(tài)勢顯示中的應(yīng) OpenLayers簡介以及二維地圖顯示中的應(yīng) 研究目標(biāo)與內(nèi) 研究目 研究內(nèi) 組織結(jié) 相關(guān)背景知 B/S架構(gòu)簡 JavaScript和AJAX技 Skyline二次開發(fā)系 系統(tǒng)需求分 態(tài)勢數(shù)據(jù)源的簡介和特 功能需 地圖顯示的基礎(chǔ)功 態(tài)勢數(shù)據(jù)處理部 動(dòng)態(tài)態(tài)勢顯示部 性能需 運(yùn)行環(huán)境需 JSON中間結(jié)構(gòu)的設(shè) JSON中間結(jié)構(gòu)的簡介和意 基本結(jié)構(gòu)的設(shè) 具體定 實(shí)體樹結(jié)構(gòu)的定 事件結(jié)構(gòu)的定 系統(tǒng)整體架構(gòu)的分析與設(shè) 整個(gè)態(tài)勢仿真系統(tǒng)的前后端職責(zé)分 服務(wù)端系統(tǒng)的基本架 構(gòu)架前端系統(tǒng)的兩種方 直接操作地圖的模 前端系統(tǒng)整體架構(gòu)的設(shè) 事件源和全局事件管理 的事件 5.結(jié)構(gòu)的設(shè) 事件結(jié)構(gòu)概 更新事件的構(gòu)成方 Diffed事 Event事件結(jié) 關(guān)鍵系統(tǒng)和算法的研究與實(shí) 森林結(jié)構(gòu)比較方法的研究與實(shí) 算法需要解決的問 算法的偽代碼實(shí) 時(shí)間點(diǎn)離散插值算法的研究.....................................................................算法的提出背 插值算法的設(shè)計(jì)思想和要 插值算法的偽代碼實(shí) 基于插值算法的實(shí)體數(shù)據(jù)擴(kuò)展算 關(guān)鍵幀搜索歸并算法的研究與實(shí) 算法的提出背 算法的設(shè)計(jì)目標(biāo)和要 算法的設(shè)計(jì)思 系統(tǒng)中組件系統(tǒng)的設(shè)計(jì)與實(shí) 組件系統(tǒng)概 組件系統(tǒng)的設(shè)計(jì)目 組件系統(tǒng)的整體思路和API設(shè) 實(shí)時(shí)推送系統(tǒng)的研究與實(shí) 瀏覽器推送技術(shù)概 推送技術(shù)在態(tài)勢顯示系統(tǒng)中應(yīng) 實(shí)時(shí)推送系統(tǒng)的設(shè)計(jì)目 實(shí)時(shí)推送系統(tǒng)的實(shí)現(xiàn)思 總 致 參考文 1.2.2節(jié)中，介紹到態(tài)勢包含靜態(tài)態(tài)勢和動(dòng)態(tài)靜態(tài)態(tài)勢，主要需要顯示標(biāo)號(hào)圖、箭頭、多邊形、圓形、路徑等靜態(tài)信息動(dòng)態(tài)態(tài)勢，需要顯示運(yùn)動(dòng)中的車輛、飛行器的和相應(yīng)的三維模型Skyline和2D或3D圖像、模型等，創(chuàng)建一個(gè)交互式的虛擬地球環(huán)境。Skyline支持C++、C#和瀏覽器端的JavaScript接口，能夠支持C/S架構(gòu)或者B/S架構(gòu)的開發(fā)。現(xiàn)在Skyline已經(jīng)是一套比較成GIS應(yīng)用解決方案，在各行各業(yè)都有使用OpenLayersJavaScript工具包，用于將一個(gè)功能豐富的地圖嵌入到網(wǎng)OpenLayersWMS、TMS(TileMapService瓦片地OpenLayers以其強(qiáng)大的功能，方便的API，在各個(gè)領(lǐng)域的WebGIS系統(tǒng)中均有較多圖方案的研究[2]。設(shè)計(jì)并實(shí)現(xiàn)一個(gè)基于Skyline和OpenLayers的，運(yùn)行于瀏覽器上的動(dòng)態(tài)態(tài)勢顯示系統(tǒng)，(一)地圖顯示模塊的研OpenLayers兩個(gè)插件，分別用于支持三維地圖和二維地圖的顯示。在態(tài)勢顯示過程(二)態(tài)勢數(shù)據(jù)處理模塊第二步，研究如何從數(shù)據(jù)源全部數(shù)據(jù)，轉(zhuǎn)換到中間數(shù)據(jù)結(jié)構(gòu)；由于涉及到從數(shù)據(jù)源直接(三)態(tài)勢數(shù)據(jù)顯示模塊API，將數(shù)據(jù)顯示到二維和三維地圖上。態(tài)勢數(shù)據(jù)顯示模塊的研究包括以下幾個(gè)部分將中間數(shù)據(jù)結(jié)構(gòu)表示的靜態(tài)數(shù)據(jù)繪制到地圖研究組件，使得地圖中能夠顯示動(dòng)態(tài)態(tài)勢本課題主要設(shè)計(jì)并實(shí)現(xiàn)一個(gè)基于Skyline和OpenLayers的動(dòng)態(tài)態(tài)勢顯示系統(tǒng)。本文首先介紹了GIS、態(tài)勢等相關(guān)的背景知識(shí)和Skyline當(dāng)前的應(yīng)用現(xiàn)狀，分析了當(dāng)前存在的第四章對系統(tǒng)中態(tài)勢顯示模塊需要使用的JSON中間數(shù)據(jù)結(jié)構(gòu)進(jìn)行詳細(xì)定義和解釋。相關(guān)背景知B/S(Browser/Server,瀏覽器/服務(wù)器)架構(gòu)是一種新興的組織結(jié)構(gòu)。它借助了現(xiàn)端/服務(wù)器)架構(gòu)，它使用傳統(tǒng)的桌面作為客戶端。B/S架構(gòu)的使用HTML和JavaScript作為客戶端開發(fā)語言，隨著V8高性能越來越多，未來會(huì)有越來越多的趨向于使用B/S架構(gòu)開發(fā)。(1)部署方便，只需要部署服務(wù)端即可(2)的和升級(jí)簡單而靈活。和升級(jí)時(shí)無需考慮客戶端的升級(jí)，只(3)客戶端不需要安裝特定的客戶端，只要求有瀏覽器即可運(yùn)行JavaScriptAJAXB/S架構(gòu)的需要在瀏覽器上運(yùn)行，因此客戶端普遍使用JavaScript語言進(jìn)行前端編程。在此有必要介紹一下JavaScript和AJAX技術(shù)。JavaScript最初是設(shè)計(jì)為一個(gè)運(yùn)行于網(wǎng)頁瀏覽器端的編程語言，通常用于給靜HTML頁面添加動(dòng)態(tài)的功能。最初，JavaScript只是希望用于在當(dāng)時(shí)較慢的網(wǎng)速下Web技術(shù)的快速發(fā)展，JavaScript提供了越來越多AJAX(AsynchronousJavaScriptAndXML,JavaScriptXML)，是一種不用刷Web交互方式是通過表單進(jìn)行交互。當(dāng)用戶提交表單時(shí)就能夠?qū)?nèi)容上傳Skyline作為一個(gè)成Skyline三維數(shù)字平臺(tái)，Skyline提供了豐富的API以支持二次C++類和函數(shù)的方式提供，并提供了C#和JavaScript的綁定。在本系統(tǒng)中，使用Skyline嵌入瀏覽器的方式來提供三維顯示的功能，并使用SkylineAPI的JavaScript綁定完成三維態(tài)勢顯示部分的實(shí)現(xiàn)。Skyline提供的API功能豐富，包含對虛擬地球的定 系統(tǒng)需求分靜態(tài)數(shù)據(jù)動(dòng)態(tài)數(shù)據(jù)然而，對于在某個(gè)數(shù)據(jù)表A內(nèi)存在的一個(gè)時(shí)間點(diǎn)t來說，另一個(gè)數(shù)據(jù)表B中可能會(huì)不存在該時(shí)間點(diǎn)。這就代表，數(shù)據(jù)表B中包含的所有實(shí)體在時(shí)間點(diǎn)t上不動(dòng)。表3.1另外，該仿真引擎還支持?jǐn)?shù)據(jù)的實(shí)時(shí)傳遞功能，可以使用Socket將數(shù)據(jù)傳送到Socket6.5Socket傳遞功路徑和多邊形。給定一組坐標(biāo)，能夠在地圖上顯示出路徑和多邊形來表圓形。給定一個(gè)中心和半徑，能夠在地圖上繪制出一個(gè)圓形界面提供二、三維切換的選項(xiàng)，用戶能夠在任何時(shí)刻進(jìn)行地圖切換3.1節(jié)所示的態(tài)勢數(shù)據(jù)源中獲取數(shù)系統(tǒng)時(shí)，可以直接從數(shù)據(jù)源的Socket接口獲取數(shù)據(jù)，再實(shí)時(shí)地傳送到各個(gè)客戶端中。對于動(dòng)態(tài)態(tài)勢，需要有一個(gè)方便的控制器，能夠控制動(dòng)態(tài)態(tài)勢的、暫停、停止，還需要能夠?qū)M(jìn)度條進(jìn)行任意拖動(dòng)；外能問題。具體需求如下：速度進(jìn)行；瀏覽器客戶端的。由于使用了Skyline作為三維顯示，而Skyline插件只能支持微軟的InternetInternetExplorer10及以上版本的瀏覽器。JSON中間結(jié)構(gòu)的設(shè)JSONJSON可以作為態(tài)勢數(shù)據(jù)處理部分和態(tài)勢顯示部分之間相互傳遞的數(shù)據(jù)；在態(tài)勢顯示部分轉(zhuǎn)換為JavaScript對象JSON數(shù)據(jù)結(jié)構(gòu)的設(shè)計(jì)以動(dòng)態(tài)態(tài)勢顯示作為主要目標(biāo)，主要用于所有實(shí)體在各時(shí)間點(diǎn)的方案，轉(zhuǎn)而使用JavaScript對象進(jìn)行。因此設(shè)計(jì)動(dòng)態(tài)態(tài)勢數(shù)據(jù)結(jié)構(gòu)如下：表4.1{<時(shí)間戳對應(yīng)時(shí)間戳內(nèi)的所有實(shí)體表4.2{children:子森林或null>,其他鍵值對表4.3{<時(shí)間戳對應(yīng)時(shí)間戳內(nèi)發(fā)生的事件集合,表4.4JSONJSON{data:實(shí)體數(shù)據(jù)部分events事件數(shù)據(jù)部分4.1……表4.5表4.6xy實(shí)體的俯仰角，以度為單位，取值范圍是-9090件中，加油車是發(fā)生源，飛機(jī)是目標(biāo)對象，加油本身為事件類型。據(jù)此可以設(shè)計(jì)出事件結(jié)構(gòu)的定義如下：表4.7系統(tǒng)整體架構(gòu)的分析與設(shè)JavaScript完成。為了靈活性和數(shù)據(jù)的動(dòng)態(tài)加載的要求，系統(tǒng)設(shè)計(jì)為讓網(wǎng)頁JavaScriptJSON。數(shù)據(jù)源的數(shù)據(jù)需要經(jīng)過數(shù)據(jù)獲取模塊進(jìn)JSON中間結(jié)構(gòu)。因此，服務(wù)器端除了需要托管靜態(tài)網(wǎng)頁，還數(shù)據(jù)結(jié)構(gòu)的轉(zhuǎn)換和普通網(wǎng)頁一樣，通過URL進(jìn)行。通過相應(yīng)的URL，網(wǎng)放、修改等工作，就能依靠強(qiáng)大的JavaScript，在客戶端直接完成。HTML靜態(tài)界面，并提供態(tài)勢數(shù)據(jù)的獲取和轉(zhuǎn)換功能；對于態(tài)勢顯示和地圖顯示等操作，在HTML界面中直接完成。Apache服務(wù)器經(jīng)過一番設(shè)來實(shí)現(xiàn)。客戶端可以通過一個(gè)指定的URL來進(jìn)行轉(zhuǎn)換完成的態(tài)勢數(shù)據(jù)的獲取。系列部分?？梢哉f幾乎所有的復(fù)雜性都集中端系統(tǒng)。因此需要前端系統(tǒng)有一個(gè)清晰zTree樹狀圖和動(dòng)態(tài)態(tài)勢組件中，并將態(tài)勢組件和zTree一同作為地圖控制源。該方案的控制流程如圖5.1所示。圖5.1zTree樹狀圖時(shí)，便可直接通過這些數(shù)據(jù)直接控制地圖，4章分析的JSON中間結(jié)構(gòu)可見，器可以很方便地取到下一幀的內(nèi)容，并且一個(gè)時(shí)動(dòng)態(tài)zTree樹狀圖中，然后調(diào)用同樣的函數(shù)將動(dòng)態(tài)態(tài)勢顯示到地圖上。zTree上刪除一個(gè)節(jié)API，在地圖上刪除這些節(jié)點(diǎn)。控制器等地方，使得結(jié)構(gòu)更加思路細(xì)節(jié)將在5.4節(jié)中進(jìn)行闡述。在模型-5.2圖5.2事件-4.2小結(jié)所示的森林結(jié)構(gòu)。在系統(tǒng)JavaScript的特性，我們并不能直接得知態(tài)勢數(shù)據(jù)結(jié)構(gòu)是否得到了修改。因此理器的emit方法進(jìn)行相應(yīng)的事件發(fā)送。 圖5.3態(tài)勢視 圖5.4樹狀結(jié)構(gòu)視圖5.5控制組態(tài)勢視態(tài)勢視圖就是包OpenLayersSkyline組合而成的態(tài)勢顯示系統(tǒng)。態(tài)勢視圖在的位置后，態(tài)勢視圖便可直接更新態(tài)勢數(shù)據(jù)中相應(yīng)節(jié)點(diǎn)的position屬性。樹狀zTree同時(shí)還支持對樹形結(jié)構(gòu)中的節(jié)點(diǎn)進(jìn)行改名、移動(dòng)位置、刪除的功能。通過設(shè)zTreezTree的同時(shí)修改當(dāng)前態(tài)勢的森林結(jié)構(gòu)，以便達(dá)實(shí)體的“Event”事件，這個(gè)事件由控制組件觸發(fā)。關(guān)于該事件的具體事件內(nèi)容見5.5.4實(shí)體一個(gè)是代表zTree中選擇節(jié)點(diǎn)的“TreeSelected”事件。具體事件內(nèi)容見5.5.5小節(jié)。5.結(jié)構(gòu)的設(shè)全面，各個(gè)視圖有更大的度決定如何顯示。缺點(diǎn)是視圖不能得知具體是哪些實(shí)體由于客戶端的態(tài)勢顯示系統(tǒng)使用HTMLJavaScript進(jìn)行顯示，因此效率問題相比5.5.3小節(jié)所示的Diffed事件。Diffed事Diffed事件描述的是當(dāng)前態(tài)勢數(shù)據(jù)被如何修改了。其基本結(jié)構(gòu)如下{added{added增加的節(jié)點(diǎn)changed:<修改的節(jié)點(diǎn)數(shù)據(jù)removed刪除的節(jié)點(diǎn)增加的節(jié)點(diǎn)和刪除的節(jié)ID這一特點(diǎn)，修改的節(jié)點(diǎn)數(shù)修改的節(jié)點(diǎn)數(shù)據(jù)需要深入節(jié)點(diǎn)，具體到哪個(gè)屬性被修改了。結(jié)構(gòu)如下{added{addedchanged1position新位置removedDiffed事件可以直接生成。一般來說，如果只修改或刪除某個(gè)屬性，則可以直接生6.1節(jié)中詳細(xì)闡述。Event高亮顯示出來。Event事件結(jié)構(gòu)比較簡單，和4.3.2小節(jié)中定義的事件結(jié)構(gòu)完全一致。zTreeTreeSelected事件。該事件{tree:{tree:操作的樹形結(jié)構(gòu)node:選擇的樹節(jié)點(diǎn)關(guān)鍵系統(tǒng)和算法的研究與表6.1{children:子森林或null>,其他屬性值到Diffed結(jié)構(gòu)的changed屬性中，代表這些節(jié)點(diǎn)被修改了。如果發(fā)現(xiàn)新的森林增加了新的樹節(jié)點(diǎn)（ID不存在于舊的森林中，則將樹節(jié)點(diǎn)連同子森林一起歸類到Diffed結(jié)構(gòu)的added屬性中，代表這些節(jié)點(diǎn)被新增如果新森林缺少舊森林的某些樹節(jié)點(diǎn)，則將這些樹節(jié)點(diǎn)連同子森林一起歸類Diffed結(jié)構(gòu)的removed屬性中，代表這些節(jié)點(diǎn)已經(jīng)被移出：Diffed對象Dfunctionfunctiondiff(AB)DDiffed結(jié)構(gòu)R,S←{}T←{R[N.id]←}{S[N.id]←}if(N.idRS中都存在Ddiff(R[N.id].childrenS[N.id].children)forN中除了children的每個(gè)屬性fieldD.changed[N.id][fieldS[N.id][field]elseif(NR中存在，而在S中不存在)D.removed[N.id]←elseifNSR中不存在D.added[N.id]←NreturnD單位是1秒，而為了達(dá)到流暢的效果，一般設(shè)置器為20幀/秒。如果讓時(shí)間點(diǎn)和幀一一對應(yīng)，則相當(dāng)于以20倍速率快進(jìn)。因此，需要設(shè)計(jì)一個(gè)插值算法，通過計(jì)算出相鄰兩個(gè)時(shí)間點(diǎn)之間新的實(shí)體狀態(tài)，從而讓變得流暢。圖6.1說明了插值前時(shí)間點(diǎn) 時(shí)間點(diǎn) 時(shí)間點(diǎn)時(shí)間點(diǎn) 圖6.1A、BCy，“改變后的中間狀態(tài)” z，則根據(jù)該屬性的類型不同，有以下幾種處理方法值范圍在[0,1]，代表靠近新值的程度。則有??=??+??(???如果該屬性為字符串，或者該屬性的類型不相同，則可以簡單地認(rèn)??=如4.3.1小節(jié)中，本文定義的實(shí)體的position字段中含有朝向信息。如果對朝向信息進(jìn)行差值，則關(guān)鍵幀的運(yùn)動(dòng)軌跡就如圖6.2（二）所示，這顯然不是我yaw字段放在例外機(jī)制中，則運(yùn)動(dòng)軌跡如圖6.2（三）所示。這是期望的結(jié)果。圖6.2,functionfunctioninterpolate(abpD)ifa,bNULLA←elseifabAap*ba)elseifa,b均為森林Aifb中含有nID的樹節(jié)mxinterpolate(nmpD)A←A∪{x}A←elseelseifabObjectA←空對象ifk∈DA[k A[k]←interpolate(v,b[k],p,A←areturn為平滑流暢。這也是插值算法最終目的。輸入：舊的實(shí)體數(shù)據(jù)A,相鄰兩個(gè)時(shí)間點(diǎn)內(nèi)的新時(shí)間點(diǎn)的數(shù)量n，不進(jìn)行屬性插值的集合Dfunctionfunctionexpand(AnD)N←空對象{}n1←A[t]n2A[t1]ifn2存在N[t]←for1n)N[t+i/n]←interpolate(n1,n2,i/n,D)returnN1234567·······圖6.33.1小節(jié)中展現(xiàn)了動(dòng)態(tài)數(shù)據(jù)源的一個(gè)特點(diǎn)，即對于一個(gè)時(shí)間點(diǎn)來說，可能在動(dòng)態(tài)6.3所示。在圖中，橫軸表示據(jù)就少了實(shí)體1的數(shù)據(jù)。直接用這個(gè)數(shù)據(jù)調(diào)用比較方法則會(huì)導(dǎo)致實(shí)體1被刪除。間點(diǎn)5，則實(shí)體2所處的位置還是時(shí)間點(diǎn)6的數(shù)據(jù)。因此，不能簡單地忽略掉實(shí)體的刪1234567·········圖6.4法需要能夠?qū)?shù)據(jù)的動(dòng)態(tài)提供支持。關(guān)鍵幀圖層結(jié)為了方便算法的實(shí)現(xiàn)，本文設(shè)計(jì)了關(guān)鍵幀圖層數(shù)據(jù)結(jié)構(gòu)。該結(jié)構(gòu)為一個(gè)表6.2{<{<ID>:[x1x2x3template:x1x2x3初始ID初始化一個(gè)空的時(shí)間戳數(shù)搜索算functionfunctionsearch(A,u)s←0e←A.lengthift>ureturnA[e-1]whiles<em←(s+e)/ifA[muuA[m1]returnA[m]elseifu<A[m]e=ms=m+歸并算,,functionfunctiongetData(D,A,templateD[search(A['templatet]ret←template的拷貝mD[search(A[n.idt)]form的每個(gè)樹節(jié)點(diǎn)uifn.id=returnret圖6.5VisualBasic組件在很多語言中都有廣泛的應(yīng)用。例如在VirtualBasicVisualC#中就包括了許多由于HTML原本只是用于設(shè)計(jì)為網(wǎng)頁呈現(xiàn)的平臺(tái)而不是像桌面語言那樣的應(yīng)用程碼的編寫和都比較。都表現(xiàn)為一個(gè)實(shí)例，在這個(gè)示例中將對這個(gè)組件的操作封裝起來，方便了用戶在了系統(tǒng)的耦合，提高了可性。目前已經(jīng)有了許多HTML的組件系統(tǒng)，如G4Studio、jQueryUI等。但這些組統(tǒng)。端系統(tǒng)中，除了基礎(chǔ)地圖和zTree本身，用到的其他組件都是通過組件框架編HTMLCSS能自動(dòng)獲取組件的HTML結(jié)構(gòu)，到用戶指定的位置上，然后返回組件的控制句柄。調(diào)用組件的定義函數(shù)以初始化組件，同時(shí)取得組件的自定義操作接varvarPlayPanel=function(root,data)return操作接口“.playPanel”jQuery的選擇器，通過此選擇器能從網(wǎng)頁模板中選擇出相應(yīng)組件件的邏輯。這個(gè)組件的所有行為和邏輯都通過對“root”對象進(jìn)行操作而得以實(shí)現(xiàn)。操作接口是一個(gè)JavaScript對象類型，代表給用戶的，用于操作該控制組varvarplayPanelPlayPanel(‘#PlayPanelend2000});playPanel.play();//開始playPanel.pause其中，PlayPanel就是上面定義的組件，其第一個(gè)參數(shù)表示將PlayPanel控制組最后一個(gè)時(shí)間點(diǎn)為2000。B/SHTTP協(xié)議。過AJAX方式請求數(shù)據(jù)，都需要客戶端首先進(jìn)行請求。HTML應(yīng)用的逐漸豐富，在某些情況下，單純的請求-響應(yīng)模式逐漸顯 中提到的AJAX長輪詢技術(shù)是一個(gè)比較成解決方案。簡單來說，AJAX長輪詢是通過AJAX進(jìn)行偽實(shí)時(shí)通信的方式，瀏覽器iframe元素進(jìn)行長輪詢的技術(shù)。在HTML5時(shí)代，又發(fā)展出了WebSocket技術(shù)。上文提到的AJAX技術(shù)只是通過服務(wù)器的延遲響應(yīng)來實(shí)現(xiàn)偽實(shí)時(shí)通信，而WebSocketTCP連接，從而進(jìn)行全雙工通訊的網(wǎng)絡(luò)技術(shù)。目前所有的主流瀏覽器都已經(jīng)支持WebSocket協(xié)議。在將來，WebSocket將取代AJAX長輪詢成為主要的實(shí)時(shí)通信技術(shù)圖6.6獲取完整數(shù)據(jù)的流圖6.76.7所示。采用實(shí)時(shí)推送技術(shù)后，實(shí)時(shí)推送系統(tǒng)需要支持多個(gè)客戶端的實(shí)時(shí)推客戶端能夠?qū)?shí)時(shí)推送提供支圖6.8WebSocketSocket.IO庫