SpringBoot+layuimini實現(xiàn)左側菜單動態(tài)展示的示例代碼
更新時間：2024年04月23日 11:43:48 作者：洛洛不覺
Layuimini是Layui的升級版,它是專業(yè)做后臺頁面的框架,而且是適合PC端和移動端,以下地址可以在PC端顯示,也可以在手機上顯示,只不過會做自適應,本文將給大家介紹了SpringBoot+layuimini實現(xiàn)左側菜單動態(tài)展示的方法,需要的朋友可以參考下
layuimini左側菜單動態(tài)顯示
首先我們看一下layuimini的原有菜單顯示格式
{
"homeInfo": {
"title": "首頁",
"href": "page/welcome-2.html?t=2"
},
"logoInfo": {
"title": "LAYUI MINI",
"image": "images/logo.png",
"href": ""
},
"menuInfo": [
{
"title": "系統(tǒng)管理",
"icon": "fa fa-address-book",
"href": "",
"target": "_self",
"child": [
{
"title": "權限管理",
"href": "",
"icon": "fa fa-home",
"target": "_self",
"child": [
{
"title": "賬戶信息管理",
"href": "page/account.html",
"icon": "fa fa-tachometer",
"target": "_self"
},
{
"title": "主頁二",
"href": "page/welcome-2.html",
"icon": "fa fa-tachometer",
"target": "_self"
},
{
"title": "三",
"href": "page/welcome-3.html",
"icon": "fa fa-tachometer",
"target": "_self"
}
]
}
]
}
]
}
接下來是HTML顯示頁面
var options = {
//后端動態(tài)生成的接口
// iniUrl: "/auth/getResources", // 初始化接口
//原有的接口鏈接
iniUrl:"api/init.json",
clearUrl: "api/clear.json", // 緩存清理接口
urlHashLocation: true, // 是否打開hash定位
bgColorDefault: false, // 主題默認配置
multiModule: false, // 是否開啟多模塊
menuChildOpen: false, // 是否默認展開菜單
loadingTime: 0, // 初始化加載時間
pageAnim: true, // iframe窗口動畫
maxTabNum: 20, // 最大的tab打開數量
};
miniAdmin.render(options);
這是layuimini給出的左側菜單
接下來開始我們的改變，將靜態(tài)菜單改為動態(tài)菜單
1.數據庫準備，這里我們需要四張數據庫表
sys_role_resource
2.sys_role
3.sys_user
4.sys_resource
后端代碼塊實現(xiàn)（后端主要需要的實現(xiàn)類就只要，資源和角色資源兩個類即可）
1.ResourceEntity
package com.example.erp_project.entity;
import lombok.Data;
import java.util.List;
/**
* @author Lolo don‘t feel
*/
@Data
public class ResourceEntity {
//資源id編號
private Integer resourceId;
//資源名稱
private String title;
//資源圖標
private String icon;
//頁面資源跳轉鏈接
private String href;
//父級資源
private Integer parentId;
//排序
private Integer sort;
//ztree會檢查返回的數據中有沒有 checked 屬性 如果為true就會把這個節(jié)點設為選中狀態(tài)
private String checked;
//子菜單，這里可以使用vo類來代替
private List<ResourceEntity> child;
}
2.RoleResourceEntity
package com.example.erp_project.entity;
import lombok.Data;
import java.util.List;
/**
* @author Lolo don‘t feel
*/
@Data
public class RoleResourceEntity {
//id編號
private Integer roleResourceId;
//權限id
private Integer roleId;
//資源id
private Integer resourceId;
}
3.loginConreoller
/*
* 根據角色id獲取對應的權限
* */
@GetMapping("/getResources")
// 定義一個方法，用于獲取資源信息
public Map<String, Object> getResources(HttpSession session) {
// 創(chuàng)建一個map對象，用于存儲資源信息
Map<String, Object> map = new HashMap<>();
// 創(chuàng)建一個homeInfo對象，用于存儲首頁信息
Map<String, Object> homeInfo = new HashMap<>();
homeInfo.put("title", "首頁");
homeInfo.put("icon", "fa fa-home");
homeInfo.put("href", "welcome");
// 將homeInfo對象添加到map中
map.put("homeInfo", homeInfo);
// 創(chuàng)建一個logoInfo對象，用于存儲logo信息
Map<String, Object> logoInfo = new HashMap<>();
logoInfo.put("title", "暖意ERP");
logoInfo.put("image", "images/logo.png");
logoInfo.put("href", "");
// 將logoInfo對象添加到map中
map.put("logoInfo", logoInfo);
// 創(chuàng)建一個menuInfo列表，用于存儲菜單信息
List<Object> menuInfo = new ArrayList<>();
// 獲取當前登錄人保存的getRoleId信息
Integer roleId = (Integer) session.getAttribute("roleId");
// 打印測試當前登陸的角色id是多少是否與數據庫中id相對應。
System.out.println(roleId);
// 根據roleId查詢后面對應的資源菜單
List<ResourceEntity> resource = roleResourceService.getAllResourcesByRoleId(roleId);
// 測試查詢到的菜單
System.out.println(resource);
// 遍歷資源列表，將資源添加到menuInfo中
resource.forEach(t -> {
menuInfo.add(t);
System.out.println(t);
});
// 將menuInfo添加到map中
map.put("menuInfo", menuInfo);
// 返回map對象
return map;
}
4.建立service接口
//根據角色id查詢資源數據 List<ResourceEntity> getAllResourcesByRoleId(Integer roleId);
5.service實現(xiàn)類
import com.example.erp_project.entity.RoleResourceEntity;
import com.example.erp_project.mapper.RoleResourceMapper;
import com.example.erp_project.service.RoleResourceService;
import org.springframework.stereotype.Service;
import java.util.*;
/**
* @author Lolo don‘t feel
*/
@Service
public class RoleResourceServiceImpl implements RoleResourceService {
// 定義一個私有的RoleResourceMapper對象，用于操作角色資源映射表
private final RoleResourceMapper roleResourceMapper;
// 構造函數，接收一個RoleResourceMapper對象作為參數，并將其賦值給當前對象的roleResourceMapper屬性
public RoleResourceServiceImpl(RoleResourceMapper roleResourceMapper) {
this.roleResourceMapper = roleResourceMapper;
}
@Override
// 獲取指定角色ID的所有資源列表
public List<ResourceEntity> getAllResourcesByRoleId(Integer roleId) {
// 這里返回的resourceEntityList 沒有實現(xiàn)排序
// 以后 可以考慮下 返回 resourceEntityList之前 根據resource對象的sort進行排序
// 那么左側顯示的菜單就可以排序了
List<ResourceEntity> resourceEntityList = new ArrayList<>();
// roleResourceEntity里面就是一個中間表 兩個字段 roleId resourceId 關聯(lián)起來
List<RoleResourceEntity> roleResourceEntities = roleResourceMapper.selectRoleResourceByRoleId(roleId);
System.out.println("impl輸出測試目錄"+roleResourceEntities);
// 新建一個對象數組繼續(xù)寧條件判斷資源
// 用for循環(huán)遍歷，如果i=0且小于資源則菜單資源進行想相加在循環(huán)
if (roleResourceEntities != null && roleResourceEntities.size() > 0) {
List<ResourceEntity> noChildrenResourceEntities = new ArrayList<>();
// 進行資源判斷是否為空或者大于0
for (int i = 0; i < roleResourceEntities.size(); i++) {
// 獲取roleResource(資源中間表)中的resourceId(資源id)
ResourceEntity resourceEntity = roleResourceMapper.getResourceById(roleResourceEntities.get(i).getResourceId());
// 就是根據這個登陸者的roleId 所擁有的資源取出來
noChildrenResourceEntities.add(resourceEntity);
}
for (int i = 0; i < noChildrenResourceEntities.size(); i++) {
if (noChildrenResourceEntities.get(i).getParentId() == 0) {
// 說明這個菜單是一級菜單 沒有上一級菜單
// 如果這里不為0 表示這個菜單是二級菜單 或者三級菜單 ParentId對應了屬于哪個上級菜
ResourceEntity resourceEntity = new ResourceEntity();
// 把這個一級菜單取出來
resourceEntity = noChildrenResourceEntities.get(i);
List<ResourceEntity> resourceEntities = new ArrayList<>();
// for把所有菜單過一遍
for (int j = 0; j < noChildrenResourceEntities.size(); j++)
{
// 如果有菜單屬于這個一級菜單
if (Objects.equals(noChildrenResourceEntities.get(j).getParentId(), noChildrenResourceEntities.get(i).getResourceId())) {
ResourceEntity resourceEntity2 = new ResourceEntity();
// 取出這個二級菜單
resourceEntity2 = noChildrenResourceEntities.get(j);
resourceEntities.add(resourceEntity2);
}
}
resourceEntity.setChild(resourceEntities);
resourceEntityList.add(resourceEntity);
}
}
}
// 下面是根據資源的sort進行排序 升序排列 這樣左側菜單就會按照升序排列
Collections.sort(resourceEntityList, new Comparator<ResourceEntity>() {
@Override
public int compare(ResourceEntity o1, ResourceEntity o2) {
return o1.getSort().compareTo(o2.getSort());
}
});
return resourceEntityList;
}
}
6.mapper接口
public interface RoleResourceMapper {
List<RoleResourceEntity> selectRoleResourceByRoleId(Integer roleId);
}
7.mybatis
<select id="selectRoleResourceByRoleId" resultType="com.example.erp_project.entity.RoleResourceEntity">
select *
from sys_role_resource
where roleId = #{roleId}
</select>
8.前端頁面代碼修改
9.效果圖
以上就是SpringBoot+layuimini實現(xiàn)左側菜單動態(tài)展示的示例代碼的詳細內容，更多關于SpringBoot layuimini菜單動態(tài)展示的資料請關注腳本之家其它相關文章！
您可能感興趣的文章:
相關文章
Java實現(xiàn)的質因數分解操作示例【基于遞歸算法】
這篇文章主要介紹了Java實現(xiàn)的質因數分解操作,結合實例形式較為詳細的分析了Java基于遞歸算法實現(xiàn)針對整數的質因數分解相關操作技巧,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了java設計模式之工廠模式,結合具有實例形式分析了java工廠模式的概念、原理、實現(xiàn)與使用方法,需要的朋友可以參考下2017-09-09
今天我來給大家講一下，Java 不能實現(xiàn)真正泛型的原因是什么?感興趣的朋友可以看一下，如果能給你到來一些幫助，請關注小編的其他內容2021-08-08
mybatis連接PGSQL中對于json和jsonb的處理方法
在使用PostgreSQL數據庫時,將表字段設置為jsonb格式可以存儲JSON數據,本文給大家介紹mybatis連接PGSQL中對于json和jsonb的處理方法,感興趣的朋友一起看看吧2024-11-11
使用idea建立maven項目，maven導入依賴報紅，本文主要介紹了Maven導入依賴時爆紅的幾種解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04
Netty源碼分析NioEventLoop初始化線程選擇器創(chuàng)建
這篇文章主要介紹了Netty源碼分析NioEventLoop初始化線程選擇器創(chuàng)建，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-03-03
Java?CompletableFuture實現(xiàn)原理分析詳解
CompletableFuture是Java8并發(fā)新特性，本文我們主要來聊一聊CompletableFuture的回調功能以及異步工作原理是如何實現(xiàn)的，需要的可以了解一下2022-09-09
大家都知道抽象類無法實例化，就無法創(chuàng)建對象。所以下面這篇文章主要給大家介紹了關于Java實例化一個抽象類對象的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面隨著小編來一起學習學習吧。2017-12-12
本篇文章介紹了，在java中File類的使用方法。需要的朋友參考下2013-04-04
這篇文章主要介紹了Java監(jiān)聽器三種實現(xiàn)方法代碼解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-08-08