[發明專利]一種基于Ztree實現按用戶定制橫向下拉三級菜單的方法

在審

• 申請號: 201811268038.1
• 申請日: 2018-11-29
• 公開（公告）號: CN111240554A
• 公開（公告）日: 2020-06-05
• 發明（設計）人: 陳林;張來卿;龐嚴冬
• 申請（專利權）人: 珠海橫琴盛達兆業科技投資有限公司
• 主分類號: G06F3/0482
• 分類號: G06F3/0482;G06F9/451
• 代理公司: 暫無信息
• 代理人: 暫無信息

1.一種基于Ztree實現按用戶定制橫向下拉三級菜單的方法，其特征在于：一、在項目中引入支持文件；二、用戶登錄后，發送菜單加載請求；三、在后臺根據條件查詢出用戶的菜單ID；四、根據用戶菜單ID，查詢出所有的根菜單ID；五、根據根菜單ID，查詢出所有子菜單集合；六、將菜單集合轉化為Json數據返回給前端；七、前端獲取數據后，進行遍歷，將每個Item信息組裝成Ztree節點，存入數組中；八、使用Ztree對節點數組初始化，完成加載并顯示。

2.根據權利要求1所述的基于Ztree技術領域的一種基于Ztree實現按用戶定制橫向下拉三級菜單的方法，其特征在于：在項目中引入Ztree相關文件；所述的引入步驟：

（1）到官網下載Ztree包；

（2）解壓；

（3）提取js與css及圖片等資源文件，拷貝到項目中；

（4）在頁面中引入。

3.根據權利要求1所述的基于Ztree技術領域的一種基于Ztree實現按用戶定制橫向下拉三級菜單的方法，其特征在于：用戶登錄后，在主頁面的Script標簽中的預加載函數中，使用Ajax技術發送菜單加載請求。

4.根據權利要求1所述的基于Ztree技術領域的一種基于Ztree實現按用戶定制橫向下拉三級菜單的方法，其特征在于：后臺接收到請求，從Session中獲取當前用戶登錄的角色ID、用戶ID等信息，然后根據這些條件查詢出用戶所有的菜單ID。

5.根據權利要求1所述的基于Ztree技術領域的一種基于Ztree實現按用戶定制橫向下拉三級菜單的方法，其特征在于：根據用戶菜單的ID，查詢出所有的根菜單ID。

6.根據權利要求1所述的基于Ztree技術領域的一種基于Ztree實現按用戶定制橫向下拉三級菜單的方法，其特征在于：根據根菜單ID，使用遞歸的方法查詢出所有子菜單集合，添加到原菜單集合中。

7.根據權利要求1所述的基于Ztree技術領域的一種基于Ztree實現按用戶定制橫向下拉三級菜單的方法，其特征在于：將菜單集合轉化為Json數據返回給前端。

8.根據權利要求1所述的基于Ztree技術領域的一種基于Ztree實現按用戶定制橫向下拉三級菜單的方法，其特征在于：前端獲取到Json數據，進行三級遍歷，將每級的Item信息組裝成Ztree節點，存入數組中。

9.根據權利要求1所述的基于Ztree技術領域的一種基于Ztree實現按用戶定制橫向下拉三級菜單的方法，其特征在于：使用Ztree對節點數組初始化，為每個節點添加觸發事件，當用戶點擊或鼠標移動到一級菜單后，馬上彈出二級菜單，當用鼠標點擊或移動到二級菜單后，顯示三級菜單。