[發明專利]一種工業web實時監測頁面的生成方法

在審

• 申請號: 201711270636.8
• 申請日: 2017-12-05
• 公開（公告）號: CN108089857A
• 公開（公告）日: 2018-05-29
• 發明（設計）人: 曾保權;劉敏生;劉華生
• 申請（專利權）人: 廣東雅達電子股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F17/30
• 代理公司: 廣州粵高專利商標代理有限公司 44102
• 代理人: 羅曉林;李捷

本發明公開了一種工業web實時監測頁面的生成方法，所述生成方法包括：增加用于生成web頁面的對應輸入接口；在組態系統生成組態頁面的同時，自動獲取相關組態圖元；根據組態圖元的類別，將其轉換為對應的SVG圖元；獲取與SVG圖元關聯的變量名稱，通過webSocket協議接口獲取實時數據；通過SVG事件的關聯響應,采用javascript腳本進行數據調用；定義SVG的事件，在事件函數中定時調用實時數據，并賦值給對應的SVG圖元顯示；重復上述步驟，即可完成整個工程的web頁面生成。利用本發明，可有效解決采用傳統ActiveX控件嵌入方式發布的代碼重復編寫、瀏覽器不兼容、系統不安全等諸多問題。

技術領域

本發明涉及一種頁面的生成方法，尤其涉及一種工業web實時監測頁面的生成方法。

背景技術

現有的工業監控或測控系統中，一般采用兩種模式，一種是基于C/S（客戶端/服務端）的模式，一種是基于B/S(瀏覽器/服務器)的方式，在目前的現有技術下，原有組態軟件及監測軟件鑒于響應速度、頁面組態繪制、頁面刷新的技術局限性，一般均以C/S模式居多。

在以上的系統中，考慮到C++語言在底層設備通信的優越性，絕大部分系統都采用C++語言編程來實現，比如實現圖形組態系統、運行系統、數據采集系統等，隨著智能化水平的不斷深入，現場對網絡分布式發布的要求也越來越高，為將組態的頁面系統發布為可以瀏覽的WEB頁面，在WINDOWS系統下，一般采用類似IIS+ActiveX來進行WEB發布。

ActiveX 是一個開放的集成平臺,為開發人員、 用戶和 Web生產商提供了一個快速而簡便的在 Internet 和 Intranet 創建程序集成和內容的方法。ActiveX插件以前也叫做OLE控件或OCX控件，它是一些軟件組件或對象，可以將其插入到WEB網頁或其它應用程序中。

當前的組態軟件中為將組態的監控畫面，如系統接線圖、系統流程圖、業務邏輯管理圖、四遙數據等畫面發布出去供第三方如瀏覽器客戶端訪問，需將相關畫面編輯發布為OCX控件，即ActiveX 控件，然后將控件插入到HTML頁面中進行發布，以實現網絡瀏覽的功能。

這個方式的優點是在語言方面，只要采用原有C++即可編輯完成，不用采用其他腳本語言來實現交互，但由于瀏覽器的兼容性問題，不同瀏覽器對控件的兼容性支持不一，實用性不容樂觀，況且在安全性方面詬病諸多，某種程度上成為各種非法代碼的溫床，隨著工控安全意識的不斷深入，越來越不能為用戶所接受。

發明內容

為克服現有技術的不足及存在的問題，本發明提供一種工業web實時監測頁面的生成方法，以解決采用傳統ActiveX控件嵌入方式發布的代碼重復編寫、瀏覽器不兼容、系統不安全等諸多問題，實現了原有組態或測控類軟件的web頁面生成，從而可實現傳統電力組態軟件具有組態頁面發布的功能。

本發明是通過以下技術方案實現的：一種工業web實時監測頁面的生成方法，應用于工業監控/測控系統中，所述工業監控/測控系統包括有相互連接的組態系統和數據采集系統，其特征在于，所述生成方法包括：

S1、在現有的工業測控軟件系統中增加用于生成web頁面的對應輸入接口；

S2、在組態系統生成組態頁面的同時，自動獲取相關組態圖元；

S3、根據組態圖元的類別，將其轉換為對應的SVG圖元；

S4、獲取與SVG圖元關聯的變量名稱，通過webSocket協議接口獲取實時數據；

S5、通過SVG事件的關聯響應,采用javascript腳本進行數據調用；

S6、定義SVG的事件，在事件函數中定時調用步驟S5中的實時數據，并賦值給對應的SVG圖元顯示，以實現頁面的動態生成和數據的自動更新；