[發明專利]一種同步緩存zTree樹實現樹節點快速檢索的方法

有效

• 申請號: 201811072811.7
• 申請日: 2018-09-14
• 公開（公告）號: CN109408699B
• 公開（公告）日: 2022-02-08
• 發明（設計）人: 邱志斌;涂高元;郭永興;陸云燕;林星君;時宜
• 申請（專利權）人: 廈門天銳科技股份有限公司
• 主分類號: G06F16/953
• 分類號: G06F16/953;G06F16/958
• 代理公司: 暫無信息
• 代理人: 暫無信息

本發明公開一種同步緩存zTree樹實現樹節點快速檢索的系統，包括：樹結構初始化模塊，在頁面中創建樹菜單引用對象，綁定樹菜單函數，并對其配置初始化參數；樹信息構建模塊，接收樹結構初始化模塊請求，創建出樹結構信息，返回給前端頁面，并將其緩存到內存中；樹結構展示模塊，zTree插件解析處理后臺返回來的樹結構數據，實現樹菜單的創建展示；搜索功能模塊，實現搜索輸入框即時輸入關鍵字，自動模糊匹配出符合條件的節點，并展開及高亮標示。此種系統可解決同步請求構建樹結構耗時的問題，同時解決找尋節點數據需要反復點擊展開下級節點費時費力操作的問題，能夠提高用戶實際使用的交互體驗。本發明還公開一種同步緩存zTree樹實現樹節點快速檢索的方法。

技術領域

本發明屬于JavaWeb技術領域，特別涉及一種同步緩存zTree樹實現樹節點快速檢索的方法。

背景技術

目前，在JavaWeb開發項目的應用中，程序員經常會使用到zTree的插件在頁面上實現樹狀圖的展示或者操作，主要用于菜單欄，權限配置，地區配置，部門、用戶和角色配置等數據范疇里面。如果遇到大量數據的等級分類，如何實現樹結構的快速構建，以及從樹結構中快速找到并選取出自己想要的數據，成了影響產品功能穩定性和交互體驗的重要因素。

現有解決方案分為兩種，一種通過ajax異步請求技術，逐層點擊zTree樹節點，依次獲取父節點下面所對應的子節點信息；另外一種則通過同步加載方式，頁面每次請求，從后臺構造完整的樹節點集合返回前端，zTree插件再將數據轉換為樹菜單展示。

第一種方案通過ajax異步請求，可實現每次只加載當前點擊節點下的子節點數據。多次請求，每次傳輸數據量較小，可完成大數據量樹信息的加載展示。但此方案的優點也是其最大的缺點，就是樹數據沒有預先加載完成，從而對樹節點的級聯勾選和模糊搜索等將不能很好的實現。

第二種方案同步加載雖然解決了第一種方案的弊端，但每次請求都從后臺重新構造大量數據返回到前端。頁面中zTree插件雖然可對樹數據進行緩存，但刷新頁面后首次點擊時依然將從后臺請求數據，頁面可能存在遲滯卡頓現象，用戶體驗將不太友好。

綜合以上，目前的實現方式都只完成了對樹菜單的加載展示，未對zTree插件重寫封裝，集成搜索功能等應用場景。

發明內容

本發明的目的，在于提供一種同步緩存zTree樹實現樹節點快速檢索的系統及方法，其可解決同步請求構建樹結構耗時的問題，同時解決了找尋節點數據需要反復點擊展開下級節點這種費時費力操作的問題，能夠提高用戶實際使用的交互體驗。

為了達成上述目的，本發明的解決方案是：

一種同步緩存zTree樹實現樹節點快速檢索的系統，包括：

樹結構初始化模塊，在頁面中創建樹菜單引用對象，然后綁定樹菜單函數，并對其配置初始化參數；

樹信息構建模塊，接收樹結構初始化模塊請求，創建出樹結構信息，然后返回給前端頁面，并將其緩存到內存中；

樹結構展示模塊，zTree插件解析處理后臺返回來的樹結構數據，實現樹菜單的創建展示；以及，

搜索功能模塊，實現搜索輸入框即時輸入關鍵字，自動模糊匹配出符合條件的節點，并展開及高亮標示。

基于如前所述的一種同步緩存zTree樹實現樹節點快速檢索的系統的方法，包括如下步驟：

步驟1，樹結構初始化模塊對要添加樹菜單功能的頁面，引入封裝了搜索功能的js文件，然后在頁面添加樹菜單的地方，獲取jQuery對象，對其綁定已重寫擴展為jQuery成員函數的樹菜單函數”zTreeMenu”；接著給zTreeMenu設置初始化參數，定制樹菜單如何展示以及從后臺請求數據的地址；