[發明專利]基于SVG的Web組態畫面存儲與展示系統和方法及介質

有效

• 申請號: 201910059468.0
• 申請日: 2019-01-22
• 公開（公告）號: CN111459501B
• 公開（公告）日: 2023-08-11
• 發明（設計）人: 孔曉陽;吳曉寧;紀娣芳;李倩;劉蔚超;申陽;沈春鋒;滕逸龍
• 申請（專利權）人: 上海寶信軟件股份有限公司
• 主分類號: G06F8/60
• 分類號: G06F8/60;G06F8/65
• 代理公司: 上海漢聲知識產權代理有限公司 31236
• 代理人: 莊文莉

1.一種基于SVG的Web組態畫面存儲與展示系統，其特征在于，包括畫面設計器模塊、后臺服務模塊、畫面運行態模塊；

畫面設計器模塊：通過拖拽配置的方式搭建監控畫面，將監控畫面對應的畫面元素內容生成XML格式文件，所述XML格式文件中記錄畫面元素的屬性值，生成畫面腳本，將XML格式文件、畫面腳本保存并發送至后臺服務；

后臺服務模塊：接收XML格式文件、畫面腳本，將XML格式文件、畫面腳本轉換為能夠在瀏覽器中運行的HTML頁面；

畫面運行態模塊：加載監控畫面，在瀏覽器中渲染畫面元素，向后臺服務進行監控畫面的注冊、監控畫面的數據刷新，響應用戶交互事件，根據數據刷新得到的屬性值對畫面元素進行刷新；

對所述屬性值綁定點值，所述數據刷新是根據當前屬性值對應的點值，在監控畫面中查詢得到與所述點值綁定的屬性值，根據所述點值對所述當前屬性值進行更新，進而對畫面元素進行更新。

2.根據權利要求1所述的基于SVG的Web組態畫面存儲與展示系統，其特征在于，所述XML格式文件、畫面腳本分別單獨存儲，畫面腳本存儲在瀏覽器的localStorage中；所述畫面腳本是Javascript腳本。

3.根據權利要求1所述的基于SVG的Web組態畫面存儲與展示系統，其特征在于，所述后臺服務遍歷XML格式文件的畫面元素和屬性值，并逐一轉換為SVG組態表示。

4.根據權利要求1所述的基于SVG的Web組態畫面存儲與展示系統，其特征在于，所述后臺服務遍歷XML格式文件的畫面元素和屬性值，并逐一轉換為SVG組態表示。

5.一種基于SVG的Web組態畫面存儲與展示方法，其特征在于，包括畫面設計器步驟、后臺服務步驟、畫面運行態步驟；

畫面設計器步驟：通過拖拽配置的方式搭建監控畫面，將監控畫面對應的畫面元素內容生成XML格式文件，所述XML格式文件中記錄畫面元素的屬性值，生成畫面腳本，將XML格式文件、畫面腳本保存并發送至后臺服務；

后臺服務步驟：接收XML格式文件、畫面腳本，將XML格式文件、畫面腳本轉換為能夠在瀏覽器中運行的HTML頁面；

畫面運行態步驟：加載監控畫面，在瀏覽器中渲染畫面元素，向后臺服務進行監控畫面的注冊、監控畫面的數據刷新，響應用戶交互事件，根據數據刷新得到的屬性值對畫面元素進行刷新；

對所述屬性值綁定點值，所述數據刷新是根據當前屬性值對應的點值，在監控畫面中查詢得到與所述點值綁定的屬性值，根據所述點值對所述當前屬性值進行更新，進而對畫面元素進行更新。

6.根據權利要求5所述的基于SVG的Web組態畫面存儲與展示方法，其特征在于，所述XML格式文件、畫面腳本分別單獨存儲，畫面腳本存儲在瀏覽器的localStorage中；所述畫面腳本是Javascript腳本。

7.根據權利要求5所述的基于SVG的Web組態畫面存儲與展示方法，其特征在于，所述XML格式文件主要包括畫面整體配置、畫面元素及屬性值配置、用戶事件腳本配置、圖片數據嵌入配置中的任一種或任多種。

8.根據權利要求5所述的基于SVG的Web組態畫面存儲與展示方法，其特征在于，所述后臺服務遍歷XML格式文件的畫面元素和屬性值，并逐一轉換為SVG組態表示。

9.一種存儲有計算機程序的計算機可讀存儲介質，其特征在于，所述計算機程序被處理器執行時實現權利要求5至8中任一項所述的方法的步驟。