拼接牆的web頁面顯示方法和系統的製作方法
2023-07-28 05:04:26 1
拼接牆的web頁面顯示方法和系統的製作方法
【專利摘要】本發明提供一種拼接牆的web頁面顯示方法和系統，其方法包括步驟：將待顯示的web頁面的web數據渲染成web虛擬圖像，將渲染成的web虛擬圖像按照所述拼接牆的行列參數進行區域劃分；將劃分後的各區域的web虛擬圖像對應的web數據和位置坐標綁定後分別進行緩存；接收所述拼接牆的各節點機所運行的web客戶端發送的數據請求，其中，所述數據請求包括對應的節點機的行列信息；分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存；向各所述web客戶端同步發送刷新指令，依照所述刷新指令同步控制各所述web客戶端分別根據自身緩存的web數據進行相應的web頁面的顯示。採用本發明的方案，可以提高拼接牆的web頁面的顯示效率。
【專利說明】拼接牆的web頁面顯示方法和系統
【技術領域】
[0001]本發明涉及信息顯示【技術領域】，特別是涉及一種拼接牆的web頁面顯示方法和系統。
【背景技術】
[0002]隨著人們對顯示信息傳遞需求的提升，大屏幕顯示的應用領域已經遍及公眾顯示、交通運輸調度指揮、氣象監控、電力電信監控、消防監控指揮、軍事指揮等各個領域。各個領域在實時高效顯示方面，對拼接牆的顯示效率的要求很高。
[0003]對於包括大規模的顯示單元的拼接牆，由於在其上顯示的web頁面所對應的圖像數據是巨大，而web (World Wide Web，全球資訊網)客戶端又只是一端，把全部內容在一端上進行數據顯示，使得web客戶端在對web頁面進行拉申、縮放時，對web頁面進行的刷新較慢，響應刷新的速度也比較慢，web頁面顯示效率低。尤其是隨著web頁面的內容與拼接疊加的信號越來越緊密，web刷新的壓力越來越高，響應速度也越來越慢，使得拼接牆的web頁面顯示效率嚴重降低。
【發明內容】
[0004]本發明提供一種拼接牆的web頁面顯示方法和系統，可以提高拼接牆的web頁面的顯示效率。
[0005]本發明的目的通過如下技術方案實現:
[0006]一種拼接牆的web頁面顯示方法，包括如下步驟:
[0007]將待顯示的web頁面的web數據植染成web虛擬圖像，將植染成的web虛擬圖像按照所述拼接牆的行列參數進行區域劃分；
[0008]將劃分後的各區域的web虛擬圖像對應的web數據和位置坐標綁定後分別進行緩存；
[0009]接收所述拼接牆的各節點機所運行的web客戶端發送的數據請求，其中，所述數據請求包括對應的節點機的行列信息；
[0010]分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存；
[0011]向各所述web客戶端同步發送刷新指令，依照所述刷新指令同步控制各所述web客戶端分別根據自身緩存的web數據進行相應的web頁面的顯示。
[0012]一種拼接牆的web頁面顯示系統，包括:
[0013]劃分模塊，用於將待顯示的web頁面的web數據渲染成web虛擬圖像，將渲染成的web虛擬圖像按照所述拼接牆的行列參數進行區域劃分；
[0014]緩存模塊，用於將劃分後的各區域的web虛擬圖像對應的web數據和位置坐標綁定後分別進行緩存；
[0015]接收模塊，用於接收所述拼接牆的各節點機所運行的web客戶端發送的數據請求，其中，所述數據請求包括對應的節點機的行列信息；
[0016]發送模塊，用於分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存；
[0017]控制模塊，用於向各所述web客戶端同步發送刷新指令，依照所述刷新指令同步控制各所述web客戶端分別根據自身緩存的web數據進行相應的web頁面的顯示。
[0018]根據上述本發明的方案，其是將待顯示的web頁面的web數據渲染成的web虛擬圖像按照所述拼接牆的行列參數進行區域劃分，將劃分後的各區域的web虛擬圖像對應的web數據和位置坐標綁定後分別進行緩存，接收所述拼接牆的各節點機所運行的web客戶端發送的包括對應的節點機的行列信息的數據請求，分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存，向各所述web客戶端同步發送刷新指令，依照所述刷新指令同步控制各所述web客戶端分別根據自身緩存的web數據進行相應的web頁面的顯示，由於將待顯示的web頁面的web數據植染成的web虛擬圖像進行了區域劃分，且將劃分得到的各區域的web數據與對應的位置坐標綁定後分別進行並行的緩存，因此，可以在各web客戶端進行了數據請求後，快速地將各區域web數據分別發送給對應的客戶端進行緩存，各web客戶端可以並行地快速地根據自身緩存的web數據進行對應的web頁面的顯不，提尚了拼接牆的web頁面顯不的顯不效率。
【專利附圖】
【附圖說明】
[0019]圖1為本發明的拼接牆的web頁面顯示方法實施例的流程示意圖；
[0020]圖2為對虛擬成的web虛擬圖像進行區域劃分的示意圖；
[0021]圖3為對虛擬成的web虛擬圖像進行分層分區域的示意圖；
[0022]圖4為本發明的拼接牆的web頁面顯示系統的一個實施例的結構示意圖；
[0023]圖5為本發明的拼接牆的web頁面顯示系統的另一個實施例的結構示意圖。
【具體實施方式】
[0024]為使本發明的目的、技術方案及優點更加清楚明白，以下結合附圖及實施例，對本發明進行進一步的詳細說明。應當理解，此處所描述的【具體實施方式】僅僅用以解釋本發明，並不限定本發明的保護範圍。
[0025]在下述說明中，首先針對本發明的基於拼接牆的web頁面顯示方法的實施例進行說明，再對本發明的基於拼接牆的web頁面顯示系統的各實施例進行說明。
[0026]參見圖1所示，為本發明的拼接牆的web頁面顯示方法實施例的流程示意圖。如圖1所示，本實施例的拼接牆的web頁面顯示方法包括如下步驟:
[0027]步驟SlOl:將待顯示的web頁面的web數據植染成web虛擬圖像，將植染成的web虛擬圖像按照所述拼接牆的行列參數進行區域劃分；
[0028]其中，對web頁面的web數據進行渲染可以虛擬出web頁面的所有內容並將這些內容渲染到內存中，而並不進行web頁面內容的顯示，這裡的待顯示的web頁面是一完整的web頁面；
[0029]拼接牆的行列參數包括拼接牆的用於顯示該待顯示的web頁面的顯示單元的行數和列數，例如，一個包括2行3列的拼接牆，其上的所有顯示單元都用於顯示待顯示web頁面，則拼接牆的用於顯示待顯示web頁面的顯示單元的行數為2，拼接牆的用於顯示待顯示web頁面的顯示單元的列數為3 ；
[0030]所進行的區域劃分一般是指等份劃分(即每個區域的大小是相同的)，這是考慮到每個顯示單元上顯示的web頁面的大小是相同的，例如，均為100X 100，但是也可以根據實際需要不進行等份劃分；
[0031]參見圖2所示，為對虛擬成的web虛擬圖像進行區域劃分的示意圖，其中，若用圖2中的最大的長方體表示在拼接牆上待顯示的完整的web頁面，則圖2中的每個六個小長方體分別表示一個區域的web虛擬圖像；
[0032]步驟S102:將劃分後的各區域的web虛擬圖像對應的web數據和位置坐標綁定後分別進行緩存；
[0033]首先將各區域的web虛擬圖像對應的web數據各區域的web虛擬圖像對應的位置坐標進行綁定，然後再分別對各區域的web虛擬圖像對應的web數據分別進行緩存，也就是說各區域的web虛擬圖像對應的web數據可以並行的進行緩存，可以大大提高web數據的緩存效率；
[0034]依然以圖2為例，則可以將待顯示web頁面的web數據分成六部分分別進行緩存，每部分的緩存可以分別在一個發布伺服器上進行，可以大大提高數據的緩存效率；
[0035]位置坐標用於表示各區域的位置，如圖2所示，圖中的六個區域的位置坐標分別是(1，1)、(1，2)、(1，3)、(2，1)、(2，2)、(2,3)；
[0036]步驟S103:接收所述拼接牆的各節點機所運行的web客戶端發送的數據請求，其中，所述數據請求包括對應的節點機的行列信息；
[0037]節點機的行列信息指節點機所對應的顯示單元的行列坐標，即顯示單元在拼接牆上的位置坐標；
[0038]其中，web客戶端也可以稱為瀏覽器客戶端；
[0039]步驟S104:分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存；
[0040]根據各節點機的行列信息可以先確定各節點機的行列信息所對應的位置坐標，再根據各位置坐標與各區域的web數據的綁定關係分別將各區域的web數據發送給相應的web客戶端進行緩存；
[0041]步驟S105:向各所述web客戶端同步發送刷新指令，依照所述刷新指令同步控制各所述web客戶端分別根據自身緩存的web數據進行相應的web頁面的顯示；
[0042]各所述web客戶端顯示的web頁面構成了拼接牆上完整的web頁面。
[0043]據此，根據上述本實施例的方案，其是將待顯示的web頁面的web數據渲染成的web虛擬圖像按照所述拼接牆的行列參數進行區域劃分，將劃分後的各區域的web虛擬圖像對應的web數據和位置坐標綁定後分別進行緩存，接收所述拼接牆的各節點機所運行的web客戶端發送的包括對應的節點機的行列信息的數據請求，分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存，向各所述web客戶端同步發送刷新指令，依照所述刷新指令同步控制各所述web客戶端分別根據自身緩存的web數據進行相應的web頁面的顯示，由於將待顯示的web頁面的web數據植染成的web虛擬圖像進行了區域劃分，且將劃分得到的各區域的web數據與對應的位置坐標綁定後分別進行並行的緩存，因此，可以在各web客戶端進行了數據請求後，快速地將各區域web數據分別發送給對應的客戶端進行緩存，各web客戶端可以並行地快速地根據自身緩存的web數據進彳丁對應的web頁面的顯不，提尚了拼接牆的web頁面顯不的顯不效率。
[0044]此外，為了進一步提高拼接牆的web頁面顯示的顯示效率，在其中一個實施例中，所述分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存可以包括步驟:分別對劃分後的各區域的web虛擬圖像進行分層，將各區域的分層後的各層的web數據與各區域對應的位置坐標綁定後分別進行緩存。
[0045]也就是說，對虛擬成的web虛擬圖像不但進行區域劃分，還進行分層，若在圖2的基礎上，再將各區域的web虛擬圖像分成三層，則將待顯示web頁面的web數據分層了 18部分，可以通過18個發布伺服器並行的進行web數據緩存，每個發布伺服器緩存的數據會更少，效率會更高。
[0046]考慮到拼接牆的節點機的數量是巨大的，有時個別節點機會出現顯示異常，這時候往往接收不到相應的web客戶端發送的數據請求，使得拼接牆上並不能顯示完整的web頁面內容，影響顯示效果，為此，在其中一個實施例中，在所述分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存的步驟之前還可以包括步驟:根據接收到的各行列值信息驗證被請求的web數據是否構成完整的web頁面，若是，進入所述分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存的步驟。
[0047]考慮到某個區域的web數據有時還需要參數計算，有粒子的數據，需要計算方向、加速度等數據，則相應的web客戶端可以搜索提供計算服務的Web服務得到相應伺服器的連接地址，向搜索到伺服器發送計算請求，為此，在其中一個實施例中，在所述分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存的步驟之後還包括步驟:接收目標web客戶端發送的計算服務請求，根據所述計算服務請求對所述目標web客戶端對應的web進行計算處理，並將所述計算處理的計算結果數據發送給所述目標web客戶端進行緩存；在依照所述刷新指令同步控制所述目標控制web客戶端根據自身緩存的web數據進行相應的web頁面的顯示時，還控制目標web客戶端根據所述計算結果數據進行顯示。
[0048]需要說明的是，本發明的上述各實施例均是從伺服器的處理過程進行描述的，且伺服器的個數一般為多個。
[0049]根據上述本發明的拼接牆的web頁面顯示方法，本發明還提供一種拼接牆的web頁面顯示系統，以下就本發明的拼接牆的web頁面顯示系統的實施例進行詳細說明。圖4中示出了本發明的拼接牆的web頁面顯示系統的實施例的結構示意圖。為了便於說明，在圖4中只示出了與本發明相關的部分。
[0050]如圖4所示，一種拼接牆的web頁面顯示系統，其包括劃分模塊201、緩存模塊202、接收模塊203、發送模塊204、控制模塊205，其中:
[0051]劃分模塊201，用於將待顯示的web頁面的web數據植染成web虛擬圖像，將植染成的web虛擬圖像按照所述拼接牆的行列參數進行區域劃分；
[0052]緩存模塊202，用於將劃分後的各區域的web虛擬圖像對應的web數據和位置坐標綁定後分別進行緩存；
[0053]接收模塊203，用於接收所述拼接牆的各節點機所運行的web客戶端發送的數據請求，其中，所述數據請求包括對應的節點機的行列信息；
[0054]發送模塊204，用於分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存；
[0055]控制模塊205，用於向各所述web客戶端同步發送刷新指令，依照所述刷新指令同步控制各所述web客戶端分別根據自身緩存的web數據進行相應的web頁面的顯示。
[0056]在其中一個實施例中，緩存模塊202可以分別對劃分後的各區域的web虛擬圖像進行分層，將各區域的分層後的各層的web數據與各區域對應的位置坐標綁定後分別進行緩存。
[0057]在其中一個實施例中，發送模塊204可以根據接收到的各行列值信息驗證被請求的web數據是否構成完整的web頁面，若是，分別將各所述行列信息所對應的位置坐標綁定的web數據發送給相應的web客戶端進行緩存。
[0058]在其中一個實施例中，如圖5所示，本發明的拼接牆的web頁面顯示系統還可以包括計算模塊206，其中:
[0059]計算模塊206可以用於接收目標web客戶端發送的計算服務請求，根據所述計算服務請求對所述目標web客戶端對應的web進行計算處理，並將所述計算處理的計算結果數據發送給所述目標web客戶端進行緩存；
[0060]控制模塊205可以在依照所述刷新指令同步控制所述目標控制web客戶端根據自身緩存的web數據進行相應的web頁面的顯示時，還控制目標web客戶端根據所述計算結果數據進行顯示。
[0061]本發明的拼接牆的web頁面顯示系統與本發明的拼接牆的web頁面顯示方法--
對應，在上述拼接牆的web頁面顯示方法的實施例闡述的技術特徵及其有益效果均適用於拼接牆的web頁面顯示系統的實施例中，特此聲明。
[0062]以上所述實施例僅表達了本發明的幾種實施方式，其描述較為具體和詳細，但並不能因此而理解為對本發明專利範圍的限制。應當指出的是，對於本領域的普通技術人員來說，在不脫離本發明構思的前提下，還可以做出若干變形和改進，這些都屬於本發明的保護範圍。因此，本發明專利的保護範圍應以所附權利要求為準。
【權利要求】
1.一種拼接牆的冊13頁面顯示方法，其特徵在於，包括如下步驟: 將待顯示的冊13頁面的冊13數據渲染成冊13虛擬圖像，將渲染成的冊13虛擬圖像按照所述拼接牆的行列參數進行區域劃分； 將劃分後的各區域的冊13虛擬圖像對應的冊13數據和位置坐標綁定後分別進行緩存；接收所述拼接牆的各節點機所運行的^^客戶端發送的數據請求，其中，所述數據請求包括對應的節點機的行列信息； 分別將各所述行列信息所對應的位置坐標綁定的冊13數據發送給相應的冊13客戶端進行緩存； 向各所述冊13客戶端同步發送刷新指令，依照所述刷新指令同步控制各所述冊13客戶端分別根據自身緩存的冊13數據進行相應的冊13頁面的顯示。
2.根據權利要求1所述的拼接牆的^^頁面顯示方法，其特徵在於，所述分別將各所述行列信息所對應的位置坐標綁定的冊13數據發送給相應的冊13客戶端進行緩存包括步驟: 分別對劃分後的各區域的冊13虛擬圖像進行分層，將各區域的分層後的各層的冊13數據與各區域對應的位置坐標綁定後分別進行緩存。
3.根據權利要求1所述的拼接牆的^^頁面顯示方法，其特徵在於，在所述分別將各所述行列信息所對應的位置坐標綁定的冊13數據發送給相應的冊13客戶端進行緩存的步驟之前還包括步驟: 根據接收到的各行列值信息驗證被請求的冊13數據是否構成完整的冊13頁面，若是，進入所述分別將各所述行列信息所對應的位置坐標綁定的冊13數據發送給相應的冊13客戶端進行緩存的步驟。
4.根據權利要求1所述的拼接牆的冊13頁面顯示方法，其特徵在於: 在所述分別將各所述行列信息所對應的位置坐標綁定的冊13數據發送給相應的冊13客戶端進行緩存的步驟之後還包括步驟:接收目標^^客戶端發送的計算服務請求，根據所述計算服務請求對所述目標冊13客戶端對應的16)3進行計算處理，並將所述計算處理的計算結果數據發送給所述目標客戶端進行緩存； 在依照所述刷新指令同步控制所述目標控制冊13客戶端根據自身緩存的冊13數據進行相應的冊13頁面的顯示時，還控制目標冊13客戶端根據所述計算結果數據進行顯示。
5.一種拼接牆的冊13頁面顯示系統，特徵在於，包括: 劃分模塊，用於將待顯示的冊13頁面的財13數據渲染成冊13虛擬圖像，將渲染成的冊13虛擬圖像按照所述拼接牆的行列參數進行區域劃分； 緩存模塊，用於將劃分後的各區域的冊13虛擬圖像對應的冊13數據和位置坐標綁定後分別進行緩存； 接收模塊，用於接收所述拼接牆的各節點機所運行的^^客戶端發送的數據請求，其中，所述數據請求包括對應的節點機的行列信息； 發送模塊，用於分別將各所述行列信息所對應的位置坐標綁定的數據發送給相應的界6)3客戶端進行緩存； 控制模塊，用於向各所述^^客戶端同步發送刷新指令，依照所述刷新指令同步控制各所述冊13客戶端分別根據自身緩存的冊13數據進行相應的冊13頁面的顯示。
6.根據權利要求5所述的拼接牆的冊13頁面顯示系統，其特徵在於: 所述緩存模塊分別對劃分後的各區域的虛擬圖像進行分層，將各區域的分層後的各層的數據與各區域對應的位置坐標綁定後分別進行緩存。
7.根據權利要求5所述的拼接牆的冊13頁面顯示系統，其特徵在於: 所述發送模塊根據接收到的各行列值信息驗證被請求的冊13數據是否構成完整的頁面，若是，分別將各所述行列信息所對應的位置坐標綁定的冊13數據發送給相應的冊13客戶端進行緩存。
8.根據權利要求5所述的拼接牆的冊13頁面顯示系統，其特徵在於: 還包括計算模塊，用於接收目標^^客戶端發送的計算服務請求，根據所述計算服務請求對所述目標冊13客戶端對應的16)3進行計算處理，並將所述計算處理的計算結果數據發送給所述目標冊13客戶端進行緩存； 所述控制模塊在依照所述刷新指令同步控制所述目標控制^^客戶端根據自身緩存的冊13數據進行相應的冊13頁面的顯示時，還控制目標冊13客戶端根據所述計算結果數據進行顯示。
【文檔編號】G06F17/30GK104484142SQ201410720064
【公開日】2015年4月1日 申請日期:2014年12月1日 優先權日:2014年12月1日
【發明者】林良輝 申請人:廣東威創視訊科技股份有限公司