[發明專利]一種基于可熱插拔動態組件的可視化系統

有效

• 申請號: 202011184776.5
• 申請日: 2020-10-30
• 公開（公告）號: CN112256260B
• 公開（公告）日: 2022-07-05
• 發明（設計）人: 張寶玉;劉博;齊文輝;王華龍;王震;焦勇
• 申請（專利權）人: 中電萬維信息技術有限責任公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/35;G06F8/38;G06F9/4401;G06F9/445;G06F3/0486;G06F3/0485
• 代理公司: 蘭州嘉諾知識產權代理事務所(普通合伙) 62202
• 代理人: 郭海

本發明屬于數據集成技術領域，具體來說，涉及一種基于可熱插拔動態組件的可視化系統。包括加載組件、添加元素容器、選擇模板組件和選擇數據組件，選擇模板組件和選擇數據組件通過加載組件實現離線或在線組件加載；本發明通過采用離線上傳和在線開發相結合的方式，實現了多樣化的需求和靈活的開發方式，在線開發采用自由可拖拽的方式實現，能夠完成復雜的界面設計和交互過程，數據組件采用動態修改屬性的方式對組件進行個性化的修改，采用放大縮小的功能可多布局頁面的細節進行相應的調整和在不同分辨率下能夠實現頁面的自適應布局，前后端采用統一的數據接口和后端數據綁定，減少了請求次數，提高了請求效率，用時按需加載更加適合現代開發理念，完成這個個系統的開發和組裝后需要進行保存，在下次使用時直接打開即可，也可作為其他系統的參考模板進行二次開發。

技術領域

本發明屬于數據集成技術領域，具體來說，涉及一種基于可熱插拔動態組件的可視化系統。

背景技術

布局是整個軟件產品的重要組成部分，頁面布局建模和自動化構建逐漸成為系統建設的主流方式，目前大多數系統構建采用從需求出發通過交互式的任務分解來實現，缺少界面布局信息的處理，難以滿足用戶界面的復雜性和多樣性需求。

目前多數系統采用前后端分離技術實現，這確實提高了開發效率和系統的獨立性，但是在整個系統里面模塊的耦合度比較高，對于一些需要隨時修改的系統來說，這種開發方法存在前后端人員溝通不暢和對接困難，系統在使用過程中可能存在某些功能模塊的微調和修改，這就需要前后端人員配合完成數據接口的對接和渲染，這對于快速構建系統和隨時需要更改的系統來說，無疑增加了開發人員的工作量及對接問題的產生。本發明采用可熱插拔動態組件的頁面布局方法可有效解決組件的復用率和屬性的靈活配置，無需重復開發，用時加載即可，數據接口采用標準的統一映射的方式加載數據來源，減少數據更改對系統的影響。

發明內容

本發明專利的設計思想是：首先加載模板組件，其中：模板組件分為離線開發模板組件和在線開發模板組件相結合的方式完成系統整體布局，離線開發的模板組件采用熱插拔的形式，隨插隨用，不用刪除即可，不占用整個系統資源，在線開發模板組件靈活多樣可通過拖拽方式實現多樣性和復雜性的布局頁面；其次加載數據組件，并對數據組件的屬性完成解析和展示，對需要進行重新配置的屬性在操作欄進行屬性的動態修改和保存；最后，拖動容器完成整個頁面的布局和細節的調整，調用接口數據對頁面進行動態數據的綁定，對完成的系統進行保存和展示。

本發明解決其技術問題所采用的技術方案為：

一種基于可熱插拔動態組件的可視化系統，包括加載組件、添加元素容器、選擇模板組件和選擇數據組件，選擇模板組件和選擇數據組件通過加載組件實現離線或在線組件加載；

系統會自動加載已經上傳的模板組件，通過選擇模板組件并將其展示在界面布局區域同時系統會解析模板組件的屬性并將其映射到屬性操作欄，開發人員根據需要進行動態修改和配置；其次添加元素容器用來加載已上傳的或在線開發的數據組件，系統在加載數據組件的同時解析數據組件屬性并將其映射到屬性操作欄以便進行更改和動態配置；最后通過界面布局區域的拖拽功能和放大縮小功能實現頁面的靈活布局和適配不同瀏覽器分辨率下的界面展示，選擇數據來源與后端接口數據進行動態綁定并渲染頁面。

選擇模板組件和選擇數據組件通過加載組件實現離線或在線組件加載實現無縫銜接，加載組件采用離線開發、打包、上傳、解析、嵌入、映射的方式與系統對接，在系統構建過程中實現組件的動態加載和屬性動態配置；采用在線開發的方式與系統對接和進行屬性的變更和數據的渲染。

加載組件根據開發人員需要實時修改和動態配置屬性。