Java之遍历树状菜单

发布时间:2023年12月26日

😇作者介绍:一个有梦想、有理想、有目标的,且渴望能够学有所成的追梦人。

🎆学习格言:不读书的人,思想就会停止。——狄德罗

??个人主页:进入博主主页

🗼专栏系列:无

🌼欢迎小伙伴们访问到博主的文章内容,在浏览阅读过程发现需要纠正的地方,烦请指出,愿能与诸君一同成长!

目录

文章内容如下

??前言

??一、数据库表

??二、编写实体代码

??三、写一个 Mapper?dao 接口

??四、写一个 MyBatis Mapper SQL语句

??五、写一个树状菜单类

??六、测试

??总结


文章内容如下


??前言

如果前端要实现动态菜单管理,实现动态的菜单权限管理,那么在后台实现菜单信息树状输出是必要,但问题是,我从数据库中查询出所有的菜单信息然后存放到‘list’集合中,一个没有经过任何‘处理’的集合,它存放进去的数据,只是存放进去了原始数据,比如:部门管理,那么部门管理的字菜单是财务部、市场部等,问题来了,这些数据都在同一张表,识别它们关联的仅仅只是一个xxID而已,在遍历的时候没有经过逻辑处理,输出的仅仅只是一堆原始数据信息。这个时候我们可以去写一个逻辑来处理,根据ID字段识别并构建父子菜单项之间的关系。这样,前端在遍历菜单信息时,就能够以一种直观且有序的方式展现各个菜单项,而不是简单地列出所有数据。通过这种结构化的菜单信息,前端可以更有效地实现菜单的动态更新和权限控制,为用户呈现清晰且符合权限的菜单视图。下面我们直接上案例


??一、数据库表

👉首先我们要有一张菜单表

需要注意的是:下面的菜单表仅供参考,博主我在写的时候,怀着快速且简洁明了的目的,快速创建的表,小伙伴在实际的项目中,一定要好好设计菜单表。这里的菜单表是为了后面树状菜单信息打印输出而写的。


-- 菜单表
CREATE TABLE menu_table
(
	menu_id int PRIMARY KEY AUTO_INCREMENT NOT NULL , -- 主键自增
	menu_order varchar(500) NULL , -- 层级ID
	menu_icon varchar(20) NULL , -- 菜单图标
	menu_name varchar(20) NULL , -- 菜单名称
	menu_parent varchar(20) NULL , -- 父菜单名称
	menu_url varchar(100) NULL , -- 菜单url
	menu_permissionmark varchar(50) NULL , -- 权限标识
	menu_addtime datetime DEFAULT current_timestamp  NULL , -- 菜单创建时间
	menu_level varchar(500) NULL , -- 菜单层级关联id(父级为0)
	menu_state int NULL DEFAULT 1  -- 菜单状态

)COMMENT '菜单表',ENGINE = INNODB DEFAULT CHARSET=utf8 ;	select * from menu_table

-- 添加数据
INSERT INTO menu_table(menu_order,menu_icon,menu_name,menu_parent,menu_url,menu_permissionmark,menu_level)
VALUES 
('1','layui-icon-heart','系统管理','父级','indexs1.html','process.manage.list',null),
('2','layui-icon-heart','安全设置管理','父级','indexs2.html','role.manage.list',null),
('3','layui-icon-heart','工作流程','父级','indexs1.html','process.manage.list',null),
('4','layui-icon-heart','人力资源管理','父级','indexs2.html','role.manage.list',null),
('5','layui-icon-heart','企业信息管理','父级','indexs1.html','process.manage.list',null),
('6','layui-icon-heart','通讯管理','父级','indexs2.html','role.manage.list',null),
('7','layui-icon-heart','工作管理','父级','indexs1.html','process.manage.list',null),
('8','layui-icon-heart','时间管理','父级','indexs2.html','role.manage.list',null),
('9','layui-icon-heart','办公管理','父级','indexs1.html','process.manage.list',null),
('10','layui-icon-heart','组织架构管理','父级','indexs2.html','role.manage.list',null),

('11','layui-icon-heart','用户管理','1子级','indexs1.html','process.manage.list','1'),
('12','layui-icon-heart','角色管理','1子级','indexs2.html','role.manage.list','1'),
('13','layui-icon-heart','权限管理','1子级','indexs1.html','process.manage.list','2'),
('14','layui-icon-heart','流程管理','1子级','indexs2.html','role.manage.list','3'),
('15','layui-icon-heart','考勤管理','1子级','indexs1.html','process.manage.list','4'),
('16','layui-icon-heart','公告管理','1子级','indexs2.html','role.manage.list','5'),
('17','layui-icon-heart','邮件管理','1子级','indexs1.html','process.manage.list','6'),
('18','layui-icon-heart','任务管理','1子级','indexs2.html','role.manage.list','7'),
('19','layui-icon-heart','日程管理','1子级','indexs1.html','process.manage.list','8'),
('20','layui-icon-heart','计划管理','1子级','indexs2.html','role.manage.list','9'),
('21','layui-icon-heart','文件管理','1子级','indexs1.html','process.manage.list','1'),
('22','layui-icon-heart','笔记管理','1子级','indexs2.html','role.manage.list','1'),
('23','layui-icon-heart','员工通讯管理','1子级','indexs1.html','process.manage.list','6'),
('24','layui-icon-heart','讨论管理','1子级','indexs2.html','role.manage.list','6'),
('25','layui-icon-heart','便签管理','1子级','indexs1.html','process.manage.list','1'),
('26','layui-icon-heart','部门管理','1子级','indexs2.html','role.manage.list','10'),
('27','layui-icon-heart','采购部','2子级','indexs2.html','role.manage.list','26'),
('28','layui-icon-heart','外出岗','3子级','indexs2.html','role.manage.list','27'),
('29','layui-icon-heart','出口进货岗','3子级','indexs2.html','role.manage.list','27'),
('30','layui-icon-heart','财务部','2子级','indexs2.html','role.manage.list','26'),
('31','layui-icon-heart','会计师岗位','3子级','indexs2.html','role.manage.list','30'),
('32','layui-icon-heart','收银员岗位','3子级','indexs2.html','role.manage.list','30'),
('33','layui-icon-heart','菜单管理','1子级','indexs2.html','role.manage.list','1'),
('34','layui-icon-heart','市场部','2子级','indexs2.html','role.manage.list','26'),
('35','layui-icon-heart','总经办','2子级','indexs2.html','role.manage.list','26')

这是数据库的一张菜单表


??二、编写实体代码

👉写一个 Java 菜单实体类

package nf.db.oa.oasystems.modle.menus.menu.entity;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

import java.util.Date;
import java.util.List;

/**
 * @Author 半杯可可
 * @Date 2023/12/2023/12/4
 * @Description 菜单信息
 */
@Data
@NoArgsConstructor
@AllArgsConstructor
public class Menu {
    private Integer menuId ; // 主键自增
    private String menuOrder ; // 层级ID
    private String menuIcon ; // 菜单图标
    private String menuName ; // 菜单名称
    private String menuParent ; // 父菜单名称
    private String menuUrl ; // 菜单url
    private String menuPermissionMark ; // 权限标识
    private Date menuAddTime ; // 菜单创建时间
    private Integer menuState ; // 菜单状态
    private String menuLevel ; // 菜单层级关联id(父级为null)
    private List<Menu> menus ; 

}

??三、写一个 Mapper?dao 接口

👉写一个 MyBatis 的?Mapper? dao 接口用于定义应用程序中的数据访问,确保应用程序与数据库之间的交互

   /***
     * 查询所有菜单数据
     * @return
     */
    List<Menu> listMenu() ;

??四、写一个 MyBatis Mapper SQL语句

👉在 Mapper 配置中的 select 标签实现SQL语句

    <resultMap id="menuMap" type="nf.db.oa.oasystems.modle.menus.menu.entity.Menu">
        <id property="menuId" column="menu_id"/>
        <result property="menuOrder" column="menu_order"/>
        <result property="menuIcon" column="menu_icon"/>
        <result property="menuName" column="menu_name"/>
        <result property="menuParent" column="menu_parent"/>
        <result property="menuUrl" column="menu_url"/>
        <result property="menuPermissionMark" column="menu_permissionmark"/>
        <result property="menuAddTime" column="menu_addtime" />
        <result property="menuLevel" column="menu_level" />
        <result property="menuState" column="menu_state" />
    </resultMap>
    <!-- 查询菜单 -->
    <select id="listMenu" resultMap="menuMap">
        SELECT
            menu_id,
            menu_order,
            menu_icon,
            menu_name,
            menu_parent,
            menu_url,
            menu_permissionmark,
            menu_addtime,
            menu_level,
            menu_state
        FROM menu_table;
    </select>

??五、写一个树状菜单类

👉这个树状菜单类就是这次讲解的‘核心’了,如何树状输出菜单信息,就靠这个类了

package nf.db.oa.oasystems.utils;
import nf.db.oa.oasystems.modle.menus.menu.entity.Menu;
import java.util.ArrayList;
import java.util.List;
/**
 * @Author 半杯可可
 * @Date 2023/12/2023/12/14
 * @Description Hello World
 *
 * 菜单树状工具
 */
public class DendriformMenuUtil {
    private List<Menu> menulist=new ArrayList<>();

    public DendriformMenuUtil(List<Menu> menulist){
        this.menulist=menulist;
    }

    /**
     * 建立树形结构
     * @return
     */
    public List<Menu> buildTree(){
        List<Menu> treeMenus = new ArrayList<Menu>();
        List<Menu> rootNodes = getRootNode();
        for (Menu rootNode : rootNodes) {
            if (rootNode.getMenuLevel()==null){
                rootNode.setMenuLevel("") ;
            }
            Menu menuNode = buildChildTree(rootNode);
            treeMenus.add(menuNode);
        }
        return treeMenus;
    }

    /**
     * 实现获取所有子目录
     * @param rootNode
     * @return
     */
    private Menu buildChildTree(Menu rootNode) {
        List<Menu> childMenus = new ArrayList<Menu>();
        for (Menu menuNode : menulist) {
            if (menuNode.getMenuLevel().equals(rootNode.getMenuOrder())) {
                childMenus.add(buildChildTree(menuNode));
            }
        }
        rootNode.setMenus(childMenus);
        return rootNode;
    }

    /**
     * 获取根节点
     * @return
     */
    private List<Menu> getRootNode() {
        List<Menu> rootMenuList = new ArrayList<Menu>();
        for (Menu menuNode : menulist) {
            if (menuNode.getMenuLevel()==null){
                menuNode.setMenuLevel("") ;
            }
            if (menuNode.getMenuLevel().isEmpty()) {
                rootMenuList.add(menuNode);
            }
        }
        return rootMenuList;
    }
}

上面我用于识别父子级的标识ID的数据类型是 String 字符串类型,你们要是 Integer 包装类或 int 类型,可以修改上面的一些代码,原理都一样的。


??六、测试

👉下面就是测试的代码了

   @Test
     public void listMenu(){
        List<Menu> list = dao.listMenu();
        DendriformMenuUtil dendriformMenuUtil = new DendriformMenuUtil(list) ;
        list=dendriformMenuUtil.buildTree();
        String jsonOutput = toJSONString(list);
        log.info("========>"+jsonOutput)
    }

测试结果图,这个结果图可以看出,这就是树状输出的格式了


??总结

树状菜单输出,其实说简单也不简单,说复杂也不复杂,实现这一个功能,有一个核心知识那就是‘递归’,想去了解的伙伴就去多了解、多学习,我们一起学习,一起成长!

文章来源:https://blog.csdn.net/m0_67840539/article/details/135229284
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。