[發明專利]一種構建樹結構的方法、裝置、設備以及存儲介質

在審

• 申請號: 201811613622.6
• 申請日: 2018-12-27
• 公開（公告）號: CN109739495A
• 公開（公告）日: 2019-05-10
• 發明（設計）人: 王爽;溫尚卓;張青;常程程;劉占魁;田冬
• 申請（專利權）人: 山東中創軟件工程股份有限公司;昆山中創軟件工程有限責任公司
• 主分類號: G06F8/35
• 分類號: G06F8/35
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 羅滿

本發明公開了一種構建樹結構的方法、裝置、設備以及計算機可讀存儲介質，包括：調用預先依據Element UI基礎組件構建的樹組件，利用所述樹組件獲取目標樹的節點數據；利用所述樹組件將所述節點數據輸入至所述目標樹的預選樹型結構的各個節點內，完成所述目標樹的構建，從而向用戶展示所述目標樹。利用本發明所提供的方法、裝置、設備以及計算機可讀存儲介質，減少了開發人員的重復編碼工作，降低了工作量，提高了工作效率。

技術領域

本發明涉及互聯網網頁設備領域，特別是涉及一種構建樹結構的方法、裝置、設備以及計算機可讀存儲介質。

背景技術

目前互聯網上的網頁的樣式越來越美觀，用戶也更偏愛設計風格新穎的網站，因此網站的前端設計越來越受重視，于是便出現了Vue這樣的前端開發的框架，幫助開發者更加便捷快速的開發前端網頁，也出現了Element UI這樣的界面設計框架，使開發者可以開發更加美觀、用戶體驗更好的網頁。

而現有技術中，開發人員利用基于Element UI框架提供的基礎樹組件去編寫一顆樹時，需要進行數據獲取，數據緩存，組織數據，編寫許多重復的代碼等大量繁瑣的工作，需要大量的時間，大大降低了開發人員的工作效率。

綜上所述可以看出，如何提高開發人員構建樹的效率是目前有待解決的問題。

發明內容

本發明的目的是提供一種構建樹結構的方法、裝置、設備以及計算機可讀存儲介質，以解決現有技術中工作人員基于Element UI基礎樹組件構建樹工作效率低的問題。

為解決上述技術問題，本發明提供一種構建樹結構的方法，應用于Element UI樹組件，包括：調用預先依據Element UI基礎組件構建的樹組件，利用所述樹組件獲取目標樹的節點數據；利用所述樹組件將所述節點數據輸入至所述目標樹的預選樹型結構的各個節點內，完成所述目標樹的構建，從而向用戶展示所述目標樹。

優選地，所述調用預先依據Element UI基礎組件構建的樹組件，獲取目標樹的節點數據包括：

調用預先依據Element UI基礎組件構建的樹組件，利用所述樹組件從服務器后臺接口獲取所述目標樹的節點數據。

優選地，所述完成所述目標樹的構建，從而向用戶展示所述目標樹包括：

完成所述目標樹的構建后，利用所述樹組件啟動懶加載功能，以便于所述樹組件通過所述服務器后臺接口獲取并向用戶展示所述目標樹的根節點數據；

當接收到所述用戶發送的請求所述根節點的下級子節點數據時，調用所述樹組件從所述服務器后臺接口獲取所述根節點的下級子節點數據后，向所述用戶展示所述下級子節點數據。

優選地，所述調用預先依據Element UI基礎組件構建的樹組件，獲取目標樹的節點數據包括：

調用預先依據Element UI基礎組件構建的樹組件，利用所述樹組件從前端json文件獲取所述目標樹的節點數據。

優選地，所述利用所述樹組件將所述節點數據輸入至所述目標樹的預選樹型結構的各個節點內，完成所述目標樹的構建，從而向用戶展示所述目標樹后還包括：

調用所述樹組件，依據所述用戶輸入至檢索框內的節點名稱，在所述目標樹內查找與所述節點名稱對應的目標節點數據，并將所述目標節點數據展示給所述用戶。

本發明還提供了一種構建樹結構的裝置，包括：

調用模塊，用于調用預先依據Element UI基礎組件構建的樹組件，利用所述樹組件獲取目標樹的節點數據；

構建模塊，用于利用所述樹組件將所述節點數據輸入至所述目標樹的預選樹型結構的各個節點內，完成所述目標樹的構建，從而向用戶展示所述目標樹。