[發明專利]一種基于canvas的組態圖形web發布方法

在審

• 申請號: 202011111802.1
• 申請日: 2020-10-16
• 公開（公告）號: CN112328933A
• 公開（公告）日: 2021-02-05
• 發明（設計）人: 韓勇;張玉壘;陶潁軍;趙中華;余勇;張亞萍;趙丹;李燕;崔麗艷;馮凱濱
• 申請（專利權）人: 許繼集團有限公司;許繼電氣股份有限公司;許昌許繼軟件技術有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F8/38
• 代理公司: 北京中政聯科專利代理事務所(普通合伙) 11489
• 代理人: 朱曉娟

本發明公開了一種基于canvas的組態圖形web發布方法，包括如下步驟：使用組態工具分別導出模板xml文件和畫面xml文件；通過前端js解析模板xml文件和畫面xml文件，并基于canvas進行繪制，同時生成頁面圖元對象并緩存至對象列表；使前端與服務端建立websocket連接；控制服務端的數據更新模塊檢測到有數據變化時向前端頁面推送變化數據，控制前端頁面對相應的頁面圖元進行重新繪制。通過提出新的通用組態發布格式，改善了數據更新方案，采用定時刷新和變化推送結合、變化推送為主、定時更新為輔的方式，滿足了電力系統監控平臺對監控數據的實時性和可靠性的要求。

技術領域

本發明涉及電力系統監控技術領域，特別涉及一種基于canvas的組態圖形web發布方法。

背景技術

近年來電力監控系統越來越趨向于web端進行遠程監控，具有畫面簡潔美觀、應用輕量化(不需要額外安裝客戶端軟件，只需要瀏覽器即可)等優點。組態圖形web發布可以把監控畫面發布到web系統中，使得變電站實時畫面監控更方便、更快捷。目前組態圖形web發布廣泛采用的兩種方案是：一是參照監控畫面重新繪制web版的組態圖形；二是基于現有的組態文件進行解析繪制。這兩種方案都加大了工作量和工作難度，不利于快速進行頁面發布，現有的數據更新方案一般是采用前端頁面定時請求刷新，不能兼顧電力系統數據實時性和可靠性的要求。

發明內容

本發明實施例的目的是提供一種基于canvas的組態圖形web發布方法，通過提出新的通用組態發布格式，改善了數據更新方案，采用定時刷新和變化推送結合、變化推送為主、定時更新為輔的方式，滿足了電力系統監控平臺對監控數據的實時性和可靠性的要求。

為解決上述技術問題，本發明實施例提供了一種基于canvas的組態圖形web發布方法，包括如下步驟：

使用組態工具分別導出模板xml文件和畫面xml文件；

通過前端js解析所述模板xml文件和所述畫面xml文件，并基于canvas進行繪制，同時生成頁面圖元對象并緩存至對象列表；

使所述前端與服務端建立websocket連接；

控制所述服務端的數據更新模塊檢測到有數據變化時向前端頁面推送變化數據，控制所述前端頁面對相應的頁面圖元進行重新繪制。

進一步地，所述生成頁面圖元對象，包括：

生成以instanceid為唯一標識的所述頁面圖元對象。

進一步地，所述服務端的數據更新模塊檢測到有數據變化時向前端頁面推送變化數據、所述前端頁面對變化圖元進行重新繪制，包括：

控制所述數據更新模塊把以instanceid為唯一標識的變化的所述數據包裝成數據傳輸對象發送到所述前端頁面，所述前端頁面在接收到所述數據后根據所述instanceid對相應的圖元進行重新繪制。

進一步地，基于canvas的組態圖形web發布方法，還包括：

在預設時間范圍內未檢測到所述數據變化時，通過所述前端頁面發送請求，向所述服務端數據更新模塊請求當前所述頁面下所有數據；

使所述服務端數據更新模塊接收到所述請求后查詢對應所述數據的最新值并包裝成所述數據傳輸對象，并返回至所述前端頁面；

所述頁面前端接收所述數據，并進行所述頁面圖元對象的重新繪制。

進一步地，所述進行所述頁面圖元對象的重新繪制之前，還包括：

檢測所述websocket連接是否正常；

如連接異常，則重新建立所述websocket連接。

進一步地，所述緩存至對象列表，包括：