白丝美女被狂躁免费视频网站,500av导航大全精品,yw.193.cnc爆乳尤物未满,97se亚洲综合色区,аⅴ天堂中文在线网官网

首頁 / 專利庫 / 電腦編程 / 應(yīng)用程序編程接口 / 基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法及系統(tǒng)

基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法及系統(tǒng)

閱讀:1036發(fā)布:2020-05-19

專利匯可以提供基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法及系統(tǒng)專利檢索,專利查詢,專利分析的服務(wù)。并且本 發(fā)明 涉及基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法及系統(tǒng),屬于配 電網(wǎng) 的 數(shù)據(jù)處理 領(lǐng)域,利用瀏覽器所提供的WebAssembly技術(shù)構(gòu)建了文件解析模 塊 與數(shù)據(jù)IO模塊,無需重新使用JavaScript腳本語言開發(fā)畫面文件解析模塊與數(shù)據(jù)IO模塊,在進(jìn)行畫面顯示時(shí)通過加載并運(yùn)行文件解析模塊,文件解析模塊加載并解析配網(wǎng)主站畫面文件,將解析結(jié)果在虛擬文件系統(tǒng)(即緩存文件系統(tǒng))中緩存,以供畫面 渲染 時(shí)使用,同時(shí)在數(shù)據(jù)IO線程中加載運(yùn)行數(shù)據(jù)IO模塊,利用WebSocket網(wǎng)絡(luò)協(xié)議與數(shù)據(jù)客戶端進(jìn)行數(shù)據(jù)交互,獲取電 力 監(jiān)控設(shè)備采集的數(shù)據(jù),由瀏覽器的畫面主線程對瀏覽器上的畫面渲染,實(shí)現(xiàn)配網(wǎng)主站畫面的順利顯示,畫面顯示速度快、效率高,能夠有效保證工作人員通過瀏覽器及時(shí)監(jiān)控現(xiàn)場設(shè)備的采集數(shù)據(jù)。,下面是基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法及系統(tǒng)專利的具體信息內(nèi)容。

1.基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法,其特征在于,包括以下步驟:
利用Emscripten構(gòu)建工具構(gòu)建文件解析模與數(shù)據(jù)IO模塊;
Web服務(wù)器接收配網(wǎng)主站畫面文件;在瀏覽器端加載文件解析模塊,利用網(wǎng)頁工具提供的應(yīng)用程序編程接口讀取在Web服務(wù)器上存放的配網(wǎng)主站畫面文件,以及利用所述文件解析模塊對該配網(wǎng)主站畫面文件進(jìn)行解析,將解析得到的圖元屬性內(nèi)容存入緩存文件系統(tǒng);
根據(jù)在瀏覽器上的用戶頁面操作數(shù)據(jù),啟動瀏覽器的數(shù)據(jù)IO線程,數(shù)據(jù)IO線程調(diào)用數(shù)據(jù)IO模塊的應(yīng)用程序編程接口,根據(jù)WebSocket網(wǎng)絡(luò)協(xié)議,通過數(shù)據(jù)IO模塊的應(yīng)用程序編程接口從Web服務(wù)器中的數(shù)據(jù)客戶端獲取電監(jiān)控設(shè)備采集的數(shù)據(jù);
瀏覽器的畫面主線程根據(jù)緩存文件系統(tǒng)中的圖元屬性內(nèi)容結(jié)合獲取的電力監(jiān)控設(shè)備采集的數(shù)據(jù),對瀏覽器上的畫面渲染,形成配網(wǎng)主站的顯示畫面。
2.根據(jù)權(quán)利要求1所述的基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法,其特征在于,數(shù)據(jù)IO線程定期輪詢緩存文件系統(tǒng)中緩存的圖元屬性內(nèi)容,獲取所述顯示畫面上所有關(guān)聯(lián)的動態(tài)數(shù)據(jù)后向數(shù)據(jù)客戶端發(fā)送數(shù)據(jù)更新請求,從數(shù)據(jù)客戶端獲取需要更新的數(shù)據(jù)。
3.根據(jù)權(quán)利要求1所述的基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法,其特征在于,數(shù)據(jù)客戶端定期輪詢電力監(jiān)控設(shè)備采集的實(shí)時(shí)數(shù)據(jù)變化,發(fā)現(xiàn)數(shù)據(jù)更新則將變化的實(shí)時(shí)數(shù)據(jù)主動推送到數(shù)據(jù)IO線程,數(shù)據(jù)IO線程利用WebWorker控制器將變化的實(shí)時(shí)數(shù)據(jù)發(fā)送至瀏覽器的畫面主線程,畫面主線程獲取實(shí)時(shí)數(shù)據(jù)后設(shè)置畫面圖元動態(tài)屬性,更新配網(wǎng)主站的顯示畫面。
4.根據(jù)權(quán)利要求1所述的基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法,其特征在于,瀏覽器的畫面主線程還用于獲取畫面中的圖像控制操作命令,數(shù)據(jù)IO線程根據(jù)該圖像控制操作命令,從數(shù)據(jù)客戶端獲取相應(yīng)電力監(jiān)控設(shè)備采集的數(shù)據(jù)。
5.根據(jù)權(quán)利要求1所述的基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法,其特征在于,對瀏覽器上的畫面渲染時(shí),利用Canvas庫實(shí)現(xiàn)所述顯示畫面中的圖形繪制。
6.基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布系統(tǒng),包括Web服務(wù)器和瀏覽器,其特征在于,利用Emscripten構(gòu)建工具在所述瀏覽器中構(gòu)建文件解析模塊與數(shù)據(jù)IO模塊;
Web服務(wù)器用于接收配網(wǎng)主站畫面文件;在瀏覽器端加載文件解析模塊,利用網(wǎng)頁工具提供的應(yīng)用程序編程接口讀取在Web服務(wù)器上存放的配網(wǎng)主站畫面文件,以及利用所述文件解析模塊對該配網(wǎng)主站畫面文件進(jìn)行解析,將解析得到的圖元屬性內(nèi)容存入緩存文件系統(tǒng);
根據(jù)在瀏覽器上的用戶頁面操作數(shù)據(jù),啟動瀏覽器的數(shù)據(jù)IO線程,數(shù)據(jù)IO線程調(diào)用數(shù)據(jù)IO模塊的應(yīng)用程序編程接口,根據(jù)WebSocket網(wǎng)絡(luò)協(xié)議,通過數(shù)據(jù)IO模塊的應(yīng)用程序編程接口從Web服務(wù)器中的數(shù)據(jù)客戶端獲取電力監(jiān)控設(shè)備采集的數(shù)據(jù);
瀏覽器的畫面主線程根據(jù)緩存文件系統(tǒng)中的圖元屬性內(nèi)容結(jié)合獲取的電力監(jiān)控設(shè)備采集的數(shù)據(jù),對瀏覽器上的畫面渲染,形成配網(wǎng)主站的顯示畫面。
7.根據(jù)權(quán)利要求6所述的基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布系統(tǒng),其特征在于,瀏覽器中的數(shù)據(jù)IO線程定期輪詢緩存文件系統(tǒng)中緩存的圖元屬性內(nèi)容,獲取所述顯示畫面上所有關(guān)聯(lián)的動態(tài)數(shù)據(jù)后向數(shù)據(jù)客戶端發(fā)送數(shù)據(jù)更新請求,從數(shù)據(jù)客戶端獲取需要更新的數(shù)據(jù)。
8.根據(jù)權(quán)利要求6所述的基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布系統(tǒng),其特征在于,Web服務(wù)器中的數(shù)據(jù)客戶端定期輪詢電力監(jiān)控設(shè)備采集的實(shí)時(shí)數(shù)據(jù)變化,發(fā)現(xiàn)數(shù)據(jù)更新則將變化的實(shí)時(shí)數(shù)據(jù)主動推送到數(shù)據(jù)IO線程,數(shù)據(jù)IO線程利用WebWorker控制器將變化的實(shí)時(shí)數(shù)據(jù)發(fā)送至瀏覽器的畫面主線程,畫面主線程獲取實(shí)時(shí)數(shù)據(jù)后設(shè)置畫面圖元動態(tài)屬性,更新配網(wǎng)主站的顯示畫面。
9.根據(jù)權(quán)利要求6所述的基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布系統(tǒng),其特征在于,瀏覽器的畫面主線程還用于獲取畫面中的圖像控制操作命令,數(shù)據(jù)IO線程根據(jù)該圖像控制操作命令,從數(shù)據(jù)客戶端獲取相應(yīng)電力監(jiān)控設(shè)備采集的數(shù)據(jù)。
10.根據(jù)權(quán)利要求6所述的基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布系統(tǒng),其特征在于,對瀏覽器上的畫面渲染時(shí),利用Canvas庫實(shí)現(xiàn)所述顯示畫面中的圖形繪制。

說明書全文

基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法及系統(tǒng)

技術(shù)領(lǐng)域

[0001] 本發(fā)明屬于配電網(wǎng)數(shù)據(jù)處理領(lǐng)域,具體涉及基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法及系統(tǒng)。

背景技術(shù)

[0002] 目前,基于局域網(wǎng)的配網(wǎng)主站監(jiān)控系統(tǒng)大都是基于客戶機(jī)、服務(wù)器(C/S)結(jié)構(gòu)進(jìn)行設(shè)計(jì),并基于C++語言進(jìn)行開發(fā),配網(wǎng)主站的web發(fā)布系統(tǒng)中的畫面文件多來自于監(jiān)控系統(tǒng)中組態(tài)模(組態(tài)編輯軟件),而web發(fā)布系統(tǒng)中瀏覽器端的畫面文件處理多采用JavaScript語言,數(shù)據(jù)交互方式多采用基于jsp平臺或者PHP服務(wù)器腳本方式,與配網(wǎng)主站監(jiān)控系統(tǒng)所采用的開發(fā)環(huán)境存在通信接口差異與語言差異,需重新使用JavaScript0腳本語言開發(fā)畫面文件解析模塊與數(shù)據(jù)IO模塊,在配網(wǎng)主站監(jiān)控系統(tǒng)中畫面文件內(nèi)容復(fù)雜,和/或在瀏覽器顯示畫面時(shí)動態(tài)更新數(shù)據(jù)量大的情況下,容易造成數(shù)據(jù)解析與通信交互的速度慢、效率低下等問題,從而導(dǎo)致配網(wǎng)主站的web發(fā)布系統(tǒng)中瀏覽器顯示畫面慢,使工作人員無法通過web發(fā)布系統(tǒng)的瀏覽器及時(shí)監(jiān)控現(xiàn)場設(shè)備的采集數(shù)據(jù),從而在現(xiàn)場發(fā)生故障時(shí)無法及時(shí)響應(yīng)處理,不僅會給企業(yè)帶來損失,而且還影響居民正常用電,甚至震蕩整個(gè)電網(wǎng),因此提高web發(fā)布系統(tǒng)的畫面瀏覽與數(shù)據(jù)通信效率很有必要。

發(fā)明內(nèi)容

[0003] 本發(fā)明的目的是提供一種基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法及系統(tǒng),用于解決配網(wǎng)主站的web發(fā)布系統(tǒng)中瀏覽器顯示畫面慢,導(dǎo)致無法及時(shí)監(jiān)控現(xiàn)場設(shè)備的采集數(shù)據(jù)的問題。
[0004] 基于上述目的,一種基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法的技術(shù)方案如下:
[0005] 利用Emscripten構(gòu)建工具構(gòu)建文件解析模塊與數(shù)據(jù)IO模塊;
[0006] Web服務(wù)器接收配網(wǎng)主站畫面文件;在瀏覽器端加載文件解析模塊,利用網(wǎng)頁工具提供的應(yīng)用程序編程接口讀取在Web服務(wù)器上存放的配網(wǎng)主站畫面文件,以及利用所述文件解析模塊對該配網(wǎng)主站畫面文件進(jìn)行解析,將解析得到的圖元屬性內(nèi)容存入緩存文件系統(tǒng);
[0007] 根據(jù)在瀏覽器上的用戶頁面操作數(shù)據(jù),啟動瀏覽器的數(shù)據(jù)IO線程,數(shù)據(jù)IO線程調(diào)用數(shù)據(jù)IO模塊的應(yīng)用程序編程接口,根據(jù)WebSocket網(wǎng)絡(luò)協(xié)議,通過數(shù)據(jù)IO模塊的應(yīng)用程序編程接口從Web服務(wù)器中的數(shù)據(jù)客戶端獲取電監(jiān)控設(shè)備采集的數(shù)據(jù);
[0008] 瀏覽器的畫面主線程根據(jù)緩存文件系統(tǒng)中的圖元屬性內(nèi)容結(jié)合獲取的電力監(jiān)控設(shè)備采集的數(shù)據(jù),對瀏覽器上的畫面渲染,形成配網(wǎng)主站的顯示畫面。
[0009] 上述技術(shù)方案的有益效果是:
[0010] 本發(fā)明利用瀏覽器所提供的WebAssembly技術(shù),構(gòu)建了文件解析模塊與數(shù)據(jù)IO模塊,而無需重新使用JavaScript0腳本語言開發(fā)畫面文件解析模塊與數(shù)據(jù)IO模塊,在進(jìn)行畫面顯示時(shí)通過加載并運(yùn)行文件解析模塊,使用文件解析模塊加載并解析配網(wǎng)主站畫面文件,將解析結(jié)果在虛擬文件系統(tǒng)(即緩存文件系統(tǒng))中緩存,以供畫面渲染時(shí)使用,同時(shí)在數(shù)據(jù)IO線程中加載運(yùn)行數(shù)據(jù)IO模塊,利用WebSocket網(wǎng)絡(luò)協(xié)議與數(shù)據(jù)客戶端進(jìn)行數(shù)據(jù)交互,獲取電力監(jiān)控設(shè)備采集的數(shù)據(jù),然后由瀏覽器的畫面主線程對瀏覽器上的畫面渲染,實(shí)現(xiàn)配網(wǎng)主站畫面的順利顯示,畫面顯示的速度快、效率高,能夠有效保證工作人員通過web發(fā)布系統(tǒng)的瀏覽器及時(shí)監(jiān)控現(xiàn)場設(shè)備的采集數(shù)據(jù)。
[0011] 顯示畫面上的數(shù)據(jù)更新分為以下兩種方式:
[0012] 方式一,為請求更新方式,具體的,數(shù)據(jù)IO線程定期輪詢緩存文件系統(tǒng)中緩存的圖元屬性內(nèi)容,獲取所述顯示畫面上所有關(guān)聯(lián)的動態(tài)數(shù)據(jù)后向數(shù)據(jù)客戶端發(fā)送數(shù)據(jù)更新請求,從數(shù)據(jù)客戶端獲取需要更新的數(shù)據(jù)。
[0013] 方式二,為推送更新方式,具體的,數(shù)據(jù)客戶端定期輪詢電力監(jiān)控設(shè)備采集的實(shí)時(shí)數(shù)據(jù)變化,發(fā)現(xiàn)數(shù)據(jù)更新則將變化的實(shí)時(shí)數(shù)據(jù)主動推送到數(shù)據(jù)IO線程,數(shù)據(jù)IO線程利用WebWorker控制器將變化的實(shí)時(shí)數(shù)據(jù)發(fā)送至瀏覽器的畫面主線程,畫面主線程獲取實(shí)時(shí)數(shù)據(jù)后設(shè)置畫面圖元動態(tài)屬性,更新配網(wǎng)主站的顯示畫面。
[0014] 當(dāng)用戶在顯示畫面上進(jìn)行圖像控制操作時(shí),瀏覽器的畫面主線程還用于獲取畫面中的圖像控制操作命令,數(shù)據(jù)IO線程根據(jù)該圖像控制操作命令,從數(shù)據(jù)客戶端獲取相應(yīng)電力監(jiān)控設(shè)備采集的數(shù)據(jù)。
[0015] 另外,對瀏覽器上的畫面渲染時(shí),利用Canvas庫實(shí)現(xiàn)所述顯示畫面中的圖形繪制。
[0016] 基于上述目的,一種基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布系統(tǒng)的技術(shù)方案如下:
[0017] 包括Web服務(wù)器和瀏覽器,利用Emscripten構(gòu)建工具在所述瀏覽器中構(gòu)建文件解析模塊與數(shù)據(jù)IO模塊;
[0018] Web服務(wù)器用于接收配網(wǎng)主站畫面文件;在瀏覽器端加載文件解析模塊,利用網(wǎng)頁工具提供的應(yīng)用程序編程接口讀取在Web服務(wù)器上存放的配網(wǎng)主站畫面文件,以及利用所述文件解析模塊對該配網(wǎng)主站畫面文件進(jìn)行解析,將解析得到的圖元屬性內(nèi)容存入緩存文件系統(tǒng);
[0019] 根據(jù)在瀏覽器上的用戶頁面操作數(shù)據(jù),啟動瀏覽器的數(shù)據(jù)IO線程,數(shù)據(jù)IO線程調(diào)用數(shù)據(jù)IO模塊的應(yīng)用程序編程接口,根據(jù)WebSocket網(wǎng)絡(luò)協(xié)議,通過數(shù)據(jù)IO模塊的應(yīng)用程序編程接口從Web服務(wù)器中的數(shù)據(jù)客戶端獲取電力監(jiān)控設(shè)備采集的數(shù)據(jù);
[0020] 瀏覽器的畫面主線程根據(jù)緩存文件系統(tǒng)中的圖元屬性內(nèi)容結(jié)合獲取的電力監(jiān)控設(shè)備采集的數(shù)據(jù),對瀏覽器上的畫面渲染,形成配網(wǎng)主站的顯示畫面。
[0021] 上述技術(shù)方案的有益效果是:
[0022] 本發(fā)明利用瀏覽器所提供的WebAssembly技術(shù),構(gòu)建了文件解析模塊與數(shù)據(jù)IO模塊,而無需重新使用JavaScript0腳本語言開發(fā)畫面文件解析模塊與數(shù)據(jù)IO模塊在,在進(jìn)行畫面顯示時(shí)通過加載并運(yùn)行文件解析模塊,文件解析模塊加載并解析配網(wǎng)主站畫面文件,將解析結(jié)果在虛擬文件系統(tǒng)(即緩存文件系統(tǒng))中緩存,以供畫面渲染時(shí)使用,同時(shí)在數(shù)據(jù)IO線程中加載運(yùn)行數(shù)據(jù)IO模塊,利用WebSocket網(wǎng)絡(luò)協(xié)議與數(shù)據(jù)客戶端進(jìn)行數(shù)據(jù)交互,獲取電力監(jiān)控設(shè)備采集的數(shù)據(jù),然后由瀏覽器的畫面主線程對瀏覽器上的畫面渲染,實(shí)現(xiàn)配網(wǎng)主站畫面的順利顯示,畫面顯示的速度快、效率高,能夠有效保證工作人員通過web發(fā)布系統(tǒng)的瀏覽器及時(shí)監(jiān)控現(xiàn)場設(shè)備的采集數(shù)據(jù)。
[0023] 顯示畫面上的數(shù)據(jù)更新分為以下兩種方式:
[0024] 方式一,為請求更新方式,具體的,瀏覽器中的數(shù)據(jù)IO線程定期輪詢緩存文件系統(tǒng)中緩存的圖元屬性內(nèi)容,獲取所述顯示畫面上所有關(guān)聯(lián)的動態(tài)數(shù)據(jù)后向數(shù)據(jù)客戶端發(fā)送數(shù)據(jù)更新請求,從數(shù)據(jù)客戶端獲取需要更新的數(shù)據(jù)。
[0025] 方式二,為推送更新方式,具體的,Web服務(wù)器中的數(shù)據(jù)客戶端定期輪詢電力監(jiān)控設(shè)備采集的實(shí)時(shí)數(shù)據(jù)變化,發(fā)現(xiàn)數(shù)據(jù)更新則將變化的實(shí)時(shí)數(shù)據(jù)主動推送到數(shù)據(jù)IO線程,數(shù)據(jù)IO線程利用WebWorker控制器將變化的實(shí)時(shí)數(shù)據(jù)發(fā)送至瀏覽器的畫面主線程,畫面主線程獲取實(shí)時(shí)數(shù)據(jù)后設(shè)置畫面圖元動態(tài)屬性,更新配網(wǎng)主站的顯示畫面。
[0026] 當(dāng)用戶在顯示畫面上進(jìn)行圖像控制操作時(shí),瀏覽器的畫面主線程還用于獲取畫面中的圖像控制操作命令,數(shù)據(jù)IO線程根據(jù)該圖像控制操作命令,從數(shù)據(jù)客戶端獲取相應(yīng)電力監(jiān)控設(shè)備采集的數(shù)據(jù)。
[0027] 另外,對瀏覽器上的畫面渲染時(shí),利用Canvas庫實(shí)現(xiàn)所述顯示畫面中的圖形繪制。附圖說明
[0028] 圖1是本發(fā)明的基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布系統(tǒng)示意圖。

具體實(shí)施方式

[0029] 下面結(jié)合附圖對本發(fā)明的具體實(shí)施方式作進(jìn)一步的說明。
[0030] 本發(fā)明的提出一種基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布系統(tǒng),如圖1所示,包括Web服務(wù)器、瀏覽器,該系統(tǒng)實(shí)現(xiàn)了基于WebAssembly技術(shù)的配網(wǎng)主站的Web發(fā)布方法,具體步驟如下:
[0031] (1)利用Emscripten構(gòu)建工具在所述瀏覽器中構(gòu)建文件解析模塊與數(shù)據(jù)IO模塊,實(shí)現(xiàn)瀏覽器端動態(tài)調(diào)用文件解析模塊與數(shù)據(jù)IO模塊,具體步驟如下:
[0032] (a)在原有C++語言實(shí)現(xiàn)的文件解析與數(shù)據(jù)IO模塊中增加Emscripten構(gòu)建工具所提供的EMSCRIPTEN_BINDINGS()代碼塊來提供C++API接口(下面簡稱API接口)給JavaScript調(diào)用,該接口向外提供方法來實(shí)現(xiàn)文件解析模塊與數(shù)據(jù)IO模塊的主要功能,同時(shí)在接口方法中可以提供參數(shù)用于在使用javascript調(diào)用模塊時(shí)進(jìn)行傳遞供模塊功能使用。
[0033] (b)使用Emscripten構(gòu)建工具所提供的emcc編譯器將上一步驟中修改過后的文件解析與數(shù)據(jù)IO模塊編譯生成為對應(yīng)的.wasm文件與.js膠代碼文件。
[0034] (c)使用上一步所生成的JavaScript膠水代碼(在.js膠水代碼文件中)加載.wasm文件到網(wǎng)頁應(yīng)用中,調(diào)用步驟(a)中的API接口來調(diào)用文件解析模塊與數(shù)據(jù)IO模塊中所實(shí)現(xiàn)功能。
[0035] (2)Web服務(wù)器接收配網(wǎng)主站畫面文件;在瀏覽器端加載文件解析模塊(以字節(jié)碼方式調(diào)用該模塊),利用網(wǎng)頁工具(HTML5)提供的應(yīng)用程序編程接口讀取在Web服務(wù)器上存放的配網(wǎng)主站畫面文件,以及利用文件解析模塊對該配網(wǎng)主站畫面文件進(jìn)行解析,將解析得到的圖元屬性內(nèi)容存入緩存文件系統(tǒng),并在緩存文件系統(tǒng)中進(jìn)行緩存,供后續(xù)畫面渲染與數(shù)據(jù)更新時(shí)使用,其步驟主要包括:
[0036] (a)利用HTML5所提供FileReaderAPI接口(即網(wǎng)頁工具提供的應(yīng)用程序編程接口)讀取Web服務(wù)器上存放配網(wǎng)主站畫面文件,生成ArrayBuffer類型對象。
[0037] (b)由于在步驟(1)中API接口提供的方法中有事先提供好的參數(shù)項(xiàng),將上一步中所生成的ArrayBuffer類型對象通過該參數(shù)傳入文件解析模塊進(jìn)行文件解析,解析得到圖元屬性結(jié)果,由于文件解析模塊為Qt環(huán)境下開發(fā),需在模塊中轉(zhuǎn)換為Qt中對應(yīng)QByteArray類型對象。
[0038] (c)通過Emscripten構(gòu)建工具所提供的FS.writeFile方法將上一步解析的圖元屬性結(jié)果存入虛擬內(nèi)存文件系統(tǒng)(緩存文件系統(tǒng))進(jìn)行緩存,以在畫面渲染時(shí)通過讀取緩存文件來獲取畫面內(nèi)容。
[0039] (3)根據(jù)在瀏覽器上的用戶頁面操作數(shù)據(jù),啟動瀏覽器的數(shù)據(jù)IO線程,數(shù)據(jù)IO線程調(diào)用數(shù)據(jù)IO模塊(該模塊通過字節(jié)碼方式調(diào)用)的應(yīng)用程序編程接口(API接口),根據(jù)WebSocket網(wǎng)絡(luò)協(xié)議,通過數(shù)據(jù)IO模塊的應(yīng)用程序編程接口從Web服務(wù)器中的數(shù)據(jù)客戶端獲取電力監(jiān)控設(shè)備采集的數(shù)據(jù)。在瀏覽器與數(shù)據(jù)客戶端進(jìn)行數(shù)據(jù)交互過程中,數(shù)據(jù)IO模塊中的WebSocket網(wǎng)絡(luò)協(xié)議功能借助Qt所提供QWebsocket類實(shí)現(xiàn),數(shù)據(jù)客戶端通過變電站監(jiān)控系統(tǒng)中的實(shí)時(shí)數(shù)據(jù)庫,或直接從電力監(jiān)控設(shè)備直接采集實(shí)時(shí)數(shù)據(jù)。
[0040] 瀏覽器的畫面主線程根據(jù)緩存文件系統(tǒng)中的圖元屬性內(nèi)容結(jié)合獲取的電力監(jiān)控設(shè)備采集的數(shù)據(jù),對瀏覽器上的畫面渲染,利用第三方Canvas庫實(shí)現(xiàn)所述顯示畫面中的圖形繪制,形成配網(wǎng)主站的顯示畫面。
[0041] 本實(shí)施例中,配網(wǎng)主站的顯示畫面上的數(shù)據(jù)更新分為以下兩種方式:
[0042] 方式一,為請求更新方式,具體的,瀏覽器中的數(shù)據(jù)IO線程定期輪詢緩存文件系統(tǒng)中緩存的圖元屬性內(nèi)容,獲取所述顯示畫面上所有關(guān)聯(lián)的動態(tài)數(shù)據(jù)后向數(shù)據(jù)客戶端發(fā)送數(shù)據(jù)更新請求,從數(shù)據(jù)客戶端獲取需要更新的數(shù)據(jù)。
[0043] 方式二,為推送更新方式,具體的,Web服務(wù)器中的數(shù)據(jù)客戶端定期輪詢電力監(jiān)控設(shè)備采集的實(shí)時(shí)數(shù)據(jù)變化,發(fā)現(xiàn)數(shù)據(jù)更新則將變化的實(shí)時(shí)數(shù)據(jù)主動推送到數(shù)據(jù)IO線程,WebWorker控制器負(fù)責(zé)數(shù)據(jù)IO線程與畫面主線程之間進(jìn)行通信,數(shù)據(jù)IO線程通過一個(gè)Promise(允許信號),利用WebWorker控制器將變化的實(shí)時(shí)數(shù)據(jù)發(fā)送至瀏覽器的畫面主線程,畫面主線程獲取實(shí)時(shí)數(shù)據(jù)后設(shè)置畫面圖元動態(tài)屬性,更新配網(wǎng)主站的顯示畫面。
[0044] 本實(shí)施例中,當(dāng)用戶在顯示畫面上進(jìn)行圖像控制操作時(shí),瀏覽器的畫面主線程還用于獲取畫面中的圖像控制操作命令,數(shù)據(jù)IO線程根據(jù)該圖像控制操作命令,從數(shù)據(jù)客戶端獲取相應(yīng)電力監(jiān)控設(shè)備采集的數(shù)據(jù)。
[0045] 本發(fā)明的Web發(fā)布方法及系統(tǒng),利用瀏覽器所提供的WebAssembly技術(shù),構(gòu)建了文件解析模塊與數(shù)據(jù)IO模塊,在進(jìn)行畫面顯示時(shí)通過加載并運(yùn)行文件解析模塊,文件解析模塊加載并解析配網(wǎng)主站畫面文件,將解析結(jié)果在虛擬文件系統(tǒng)(即緩存文件系統(tǒng))中緩存,以供畫面渲染時(shí)使用,同時(shí)在數(shù)據(jù)IO線程中加載運(yùn)行數(shù)據(jù)IO模塊,利用WebSocket網(wǎng)絡(luò)協(xié)議與數(shù)據(jù)客戶端進(jìn)行數(shù)據(jù)交互,獲取電力監(jiān)控設(shè)備采集的數(shù)據(jù),然后由瀏覽器的畫面主線程對瀏覽器上的畫面渲染,實(shí)現(xiàn)配網(wǎng)主站畫面的順利顯示,畫面顯示的速度快、效率高,能夠有效保證工作人員通過web發(fā)布系統(tǒng)的瀏覽器及時(shí)監(jiān)控現(xiàn)場設(shè)備的采集數(shù)據(jù)。本發(fā)明能夠有效解決傳統(tǒng)實(shí)現(xiàn)方法中配網(wǎng)主站畫面文件內(nèi)容過大時(shí),使用JavaScript進(jìn)行數(shù)據(jù)解析與數(shù)據(jù)交互時(shí)速度緩慢的問題。
[0046] 另外,本發(fā)明的Web發(fā)布方法及系統(tǒng)利用瀏覽器內(nèi)置的WebSocket網(wǎng)絡(luò)協(xié)議,在瀏覽器顯示畫面文件時(shí)以字節(jié)碼方式調(diào)用文件解析與數(shù)據(jù)IO模塊,開辟了虛擬文件系統(tǒng),用于緩存文件解析結(jié)果及實(shí)時(shí)數(shù)據(jù)更新內(nèi)容,在數(shù)據(jù)IO線程中實(shí)現(xiàn)瀏覽器與數(shù)據(jù)客戶端的雙向交互,在支持傳統(tǒng)瀏覽器頁面周期刷新請求數(shù)據(jù)方式的同時(shí)支持?jǐn)?shù)據(jù)客戶端主動推送消息,從而減少對瀏覽器周期刷新方式的依賴,有效降低瀏覽器端數(shù)據(jù)更新量,提高配網(wǎng)主站畫面變化響應(yīng)速度。相比傳統(tǒng)實(shí)現(xiàn)方法能夠有效提高畫面加載與動態(tài)刷新速度,具有廣泛的工程應(yīng)用價(jià)值。
高效檢索全球?qū)@?/div>

專利匯是專利免費(fèi)檢索,專利查詢,專利分析-國家發(fā)明專利查詢檢索分析平臺,是提供專利分析,專利查詢,專利檢索等數(shù)據(jù)服務(wù)功能的知識產(chǎn)權(quán)數(shù)據(jù)服務(wù)商。

我們的產(chǎn)品包含105個(gè)國家的1.26億組數(shù)據(jù),免費(fèi)查、免費(fèi)專利分析。

申請?jiān)囉?/a>

QQ群二維碼
意見反饋