[發明專利]一種基于數據源的可視化頁面構筑方法

在審

• 申請號: 202011211878.1
• 申請日: 2020-11-03
• 公開（公告）號: CN112463151A
• 公開（公告）日: 2021-03-09
• 發明（設計）人: 尚靈超
• 申請（專利權）人: 杭州訊酷科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/34;G06F3/0486;G06F16/955
• 代理公司: 杭州杭誠專利事務所有限公司 33109
• 代理人: 尉偉敏

本發明涉及可視化頁面構建技術領域，具體涉及一種基于數據源的可視化頁面構筑方法。包括以下步驟：A)連接用戶已有數據源，用戶選擇需要關聯的選中表，系統自動獲取選中表的關聯表；B)獲取選中表的字段及字段屬性，根據字段的類型生成相應拖拽控件并排列在拖拽控件區；C)響應用戶的拖拽，構筑目標頁面，當用戶完成目標頁面構筑點擊保存時，自動綁定數據表并關聯后臺代碼，保存并提供頁面文件的URL。本發明的實質性效果是：通過連接用戶已有數據源，并根據數據源中包含的字段去生成控件，而不是由控件自定義字段，使得新構筑的頁面天然的與用戶已有數據源融合，通過支持多種數據源導入方式，加快系統升級改造的效率。

技術領域

本發明涉及可視化頁面構建技術領域，具體涉及一種基于數據源的可視化頁面構筑方法。

背景技術

可視化頁面搭建是近年來逐漸開始廣泛使用的功能頁面搭建方法。如大量的中后端管理頁面，雖然不同行業的中后端管理頁面的具體數據段不同，但這些頁面的邏輯和功能大同小異，開發重復性大、需求的變化快。對每個系統進行單獨開發的意義不大。而可視化頁面搭建技術很好的解決了這樣的問題?？梢暬撁娲罱ㄊ褂猛献Э丶ㄟ^簡單的拖拽和修改即可搭建各類系統頁面，極大的降低了對編程人員的要求。但目前的可視化頁面搭建首先生成各類型的控件，如文本輸入框、單選框、復選框、下拉列表、圖片域以及按鈕等，而后再由用戶拖拽后，自定義控件的ID等屬性。在后臺新建一張表，用戶每拖拽并自定義一個控件在表中錄入一個新的字段，并根據控件的自定義屬性定義字段的屬性。雖然能夠生成各種類型的新的頁面，但生成的新頁面僅能對應一張數據表，導致業務受到限制。

如中國專利CN111061473A，公開日2020年4月24日，用于快速構建頁面的可視化組件編輯方法及裝置，該方法包括：在第一區域選取至少一個可視化組件并將其拖拽至第二區域，該第一區域和第二區域為一頁面構建界面中的兩個操作區域；確定該第二區域中任一可視化組件為當前待編輯對象，該當前待編輯對象在該第二區域中顯示為允許移動的可編輯狀態。其技術方案實現了可視化組件的在構建頁面中的快速獲取和便捷的可編輯狀態，降低了能源項目可視化項目的開發成本和交付時間。但其不能和原有系統的數據打通，導致原有系統的業務邏輯與新建頁面脫節的問題。

發明內容

本發明要解決的技術問題是：目前可視化頁面搭建頁面的數據源與原系統脫節的技術問題。提出了一種基于數據源的可視化頁面構筑方法，本方法能夠使新建的可視化頁面的數據與原有系統融合，實現系統的快速升級改造，打通數據源。

為解決上述技術問題，本發明所采取的技術方案為：一種基于數據源的可視化頁面構筑方法，包括以下步驟：A)連接用戶已有數據源，用戶選擇需要關聯的選中表，系統自動獲取選中表的關聯表；B)獲取選中表的字段及字段屬性，根據字段的類型生成相應拖拽控件并排列在拖拽控件區；C)響應用戶的拖拽，構筑目標頁面，當用戶完成目標頁面構筑點擊保存時，自動綁定數據表并關聯后臺代碼，保存為頁面文件，提供頁面文件的URL。通過連接用戶已有數據源，并根據數據源中包含的字段去生成控件，而不是由控件自定義字段，使得新構筑的頁面天然的與用戶已有數據源融合，加快系統升級改造的效率。

作為優選，步驟A)中，連接用戶已有數據源的方法包括以下方式中的一種或多種：①通過文件導入數據源，文件的類型為CSV、Excel、Json或Xml格式；②通過現有數據庫，輸入相關的連接信息訪問現有數據庫數據表；③新建數據庫及表結構并直接輸入數據；④通過URL接口方式導入第三方數據庫表結構與數據；⑤可視化新建數據庫表結構，并將字段與已有表的字段關聯。通過支持多種數據源導入方式，能夠適應多種系統的升級改造，方便用戶構筑新的功能頁面。