SpringBoot+layuimini實現左側菜單動態(tài)展示的示例代碼
更新時間：2024年04月23日 11:43:48 作者：洛洛不覺
Layuimini是Layui的升級版,它是專業(yè)做后臺頁面的框架,而且是適合PC端和移動端,以下地址可以在PC端顯示,也可以在手機上顯示,只不過會做自適應,本文將給大家介紹了SpringBoot+layuimini實現左側菜單動態(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
后端代碼塊實現（后端主要需要的實現類就只要，資源和角色資源兩個類即可）
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實現類
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 沒有實現排序
// 以后 可以考慮下 返回 resourceEntityList之前 根據resource對象的sort進行排序
// 那么左側顯示的菜單就可以排序了
List<ResourceEntity> resourceEntityList = new ArrayList<>();
// roleResourceEntity里面就是一個中間表 兩個字段 roleId resourceId 關聯起來
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實現左側菜單動態(tài)展示的示例代碼的詳細內容，更多關于SpringBoot layuimini菜單動態(tài)展示的資料請關注腳本之家其它相關文章！
您可能感興趣的文章:
相關文章
解決ApplicationContext獲取不到Bean的問題
這篇文章主要介紹了解決ApplicationContext獲取不到Bean的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06
下面小編就為大家?guī)硪黄仙Ｕ劚容^排序之歸并排序(遞歸)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
在Java生產環(huán)境下進行性能監(jiān)控與調優(yōu)的詳細過程
在Java生產環(huán)境下進行性能監(jiān)控與調優(yōu)是一個復雜但重要的過程,它涉及到多個方面,包括代碼分析、JVM監(jiān)控、線程管理、垃圾收集優(yōu)化、內存管理、數據庫交互等,下面我將提供一個詳細的概述和示例代碼,需要的朋友可以參考下2025-02-02
在本篇內容中小編給大家分享了java爬蟲jsoup怎么解析多空格class數據的方法和技巧，需要的朋友們跟著學習下。2018-12-12
這篇文章主要介紹了java 中同步、異步、阻塞和非阻塞區(qū)別詳解的相關資料,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了JVM Client和Server端有什么區(qū)別,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-11-11
這篇文章主要介紹了快速搭建SSM框架（Maven）五步曲的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
這篇文章主要介紹了Spring的三級緩存解決循環(huán)依賴問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-06-06
本文解析了MyBatis-Plus的@TableField注解,用于非主鍵字段與數據庫列的映射及行為控制,涵蓋自動填充、樂觀鎖、多租戶等企業(yè)級功能,提供使用技巧、常見問題及示例代碼,感興趣的朋友跟隨小編一起看看吧2025-09-09
SpringMVC結合模板模式實現MyBatisPlus傳遞嵌套JSON數據
我們經常會遇到需要傳遞對象的場景,有時候,我們需要將一個對象的數據傳遞給另一個對象進行處理,但是又不希望直接暴露對象的內部結構和實現細節(jié),所以本文給大家介紹了SpringMVC結合模板模式實現MyBatisPlus傳遞嵌套JSON數據,需要的朋友可以參考下2024-03-03