Java实现一个简易版的多级菜单功能

一:前言

最近老师布置了给多级菜单的作业,感觉蛮有意思的,可以提升自己的逻辑!下面我写个简易版的多级菜单,本人还是菜鸟,欢迎各位给予宝贵的建议!

二:正文

由于是给各位演示,所有我把涉及的其他条件全省略了,只做了给最简单的,以便大家能更好的理解我的思路

1,首先是数据库的设计

DROP TABLE IF EXISTS `t_category`;
CREATE TABLE `t_category` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '标识目录的唯一id',
  `parent_id` int(11) DEFAULT NULL COMMENT '存储父级目录的id,0代表一级目录',
  `name` varchar(255) COLLATE utf8_bin DEFAULT NULL COMMENT '目录的名称',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin;

2.java后端代码

① 对应数据库的实体类

public class Category {
    private int id;
    private int parentId;
    private String name;
}

② 返回给前端的实体类  //注意写一个有参的构造方法,方便我们把Category的数据注入进来

public class CategoryTwo extends Category{
    private List<CategoryTwo> categorieTwos;

    public CategoryTwo(){}

    //这个有参构造方法方便我们为属性赋值即把categoy的成员变量的值赋值到自身中
    public CategoryTwo(Category category){
        super(category.getId(),category.getParentId(),category.getName());
    }
}

③ 具体实现

//多级目录
    public void findCategoryAll(){

        //查询出所有的目录数据
        List<Category> categorys = categoryMapper.findCategoryAll(null);//这个大家自己完成

        //存放所有一级目录
        List<CategoryTwo> categoryTows = new ArrayList();

        //找出一级目录,即 parentId = 0 的目录
        for(Category category :categorys){
            if(category.getParentId() == 0){
                CategoryTwo categoryTwo = new CategoryTwo(category);
                categoryTows.add(categoryTwo);//存入一级目录集合中
            }
        }

        //利用递归,找出所有一级目录的List<CategoryTwo>,这里我把具体实现包装到 findSubCategory()方法中了
        categoryTows = findSubCategory(categorys,categoryTows);

        //最后就完成了,把数据按需求返回给前端就可以了。
        System.out.println(categoryTows);
    }

    //找出List<CategoryTwo>中所有目录的子级目录
    public List<CategoryTwo> findSubCategory(List<Category> categorys,List<CategoryTwo> categoryTwos){

        for (CategoryTwo categoryTwo:categoryTwos) {
            //找出自身的子级目录,存放到List<CategoryTwo>中去
            List<CategoryTwo> categoryTwos2 = new ArrayList<CategoryTwo>();

            for (Category category:categorys){
                //如果自身的id = 与某个目录的parentId 相等,则这个目录是自身的子级目录
                if(categoryTwo.getId() == category.getParentId()){
                    categoryTwos2.add(new CategoryTwo(category));
                }
            }

            //所有子级目录找到后,再回调findSubCategory()方法 让子级目录找到自己的子级
            List<CategoryTwo> categoryTwos3 = findSubCategory(categorys,categoryTwos2);

            //categoryTwos3真正的List<categoryTwo>,把他添加到自身
            categoryTwo.setCategorieTwos(categoryTwos3);
        }

        return categoryTwos;//返回注入好的对象
    }

核心就是那个回调的方法,只要把这个搞清楚了,那就很容易了

附另一个实现方法

import java.util.ArrayList;
import java.util.HashMap;
import java.util.Iterator;
import java.util.List;
import java.util.Map;

public class MenuTest {

    /**
     * @param args
     */
    public static void main(String[] args) {
        MenuTest menuTest = new MenuTest();
        List menuList = initMenu();//初始化菜单
        Map menuMap = menuTest.rebuildMenus(menuList);//重构菜单
        menuTest.showMenu(menuMap);//打印菜单

    }

    /**
     * 重构菜单,构造成需要的结构
     * @param menuList
     * @return
     */
    private Map rebuildMenus(List menuList) {
        List rootMenuList=new ArrayList();//这个List用来存放根菜单
        for (int j = 0; j < menuList.size(); j++) {
            Map menu = (Map) menuList.get(j);
            String parentId = menu.get("parentId").toString();
            if (null==parentId || "".equals(parentId)) {
                rootMenuList.add(menu);
            }
        }
        menuList.removeAll(rootMenuList);//将根菜单从menuList中除去
        HashMap menuMap = new HashMap();
        for (int j = 0; j < rootMenuList.size(); j++) {//遍历根菜单,每一个跟菜单都遍历到最后一个子菜单(叶子节点)
            Map menu = (Map) rootMenuList.get(j);
            menu = this.pase(menu, menuList);
            menuMap.put(menu.get("id"), menu);
        }
        return menuMap;
    }

    /**
     * 递归构造菜单Map
     * @param menu
     * @param menuList
     * @return
     */
    private Map pase(Map menu, List menuList) {
        for (int j = 0; j < menuList.size(); j++) {
            Map menu2 = (Map) menuList.get(j);
            if (menu2.get("parentId").toString().equals(menu.get("id").toString())) {
                if(menu.get("children") == null){
                    menu.put("children", new ArrayList());
                }
                ((List)menu.get("children")).add(menu2);
                pase(menu2, menuList);
            }
        }
        return menu;
    }
    /**
     * 打印菜单
     * @param menuMap
     */
    private void showMenu(Map menuMap){
        Iterator it = menuMap.keySet().iterator();
        while(it.hasNext()){
            Map menu = (Map) menuMap.get(it.next());
            System.out.println(menu.get("id")+"--"+menu.get("name"));
            this.buildChildMenu(menu);
        }
    }
    /**
     * 构造子菜单
     * @param menu
     */
    private void buildChildMenu(Map menu){
        List childList = (List) menu.get("children");
        if(null!=childList){
            for(int i=0;i<childList.size();i++){
                Map childMap = (Map) childList.get(i);
                System.out.println(childMap.get("id")+"--"+childMap.get("name"));
                this.buildChildMenu(childMap);
            }
        }
    }
    /**
     * 初始化菜单,实际项目中这部分数据是从数据库中获取
     * @return
     */
    public static List initMenu(){
        List menuList = new ArrayList();

        Map menuMap = new HashMap();
        menuMap.put("id", "0000");
        menuMap.put("name", "根菜单");
        menuMap.put("parentId","");//根菜单的父菜单为空

        Map menuMap1 = new HashMap();
        menuMap1.put("id", "1000");
        menuMap1.put("name", "一级菜单A");
        menuMap1.put("parentId","0000");

        Map menuMap2 = new HashMap();
        menuMap2.put("id", "2000");
        menuMap2.put("name", "一级菜单B");
        menuMap2.put("parentId","0000");

        Map menuMap3 = new HashMap();
        menuMap3.put("id", "1100");
        menuMap3.put("name", "二级菜单A");
        menuMap3.put("parentId","1000");

        Map menuMap4 = new HashMap();
        menuMap4.put("id", "1110");
        menuMap4.put("name", "三级菜单A");
        menuMap4.put("parentId","1100");

        menuList.add(menuMap);
        menuList.add(menuMap1);
        menuList.add(menuMap2);
        menuList.add(menuMap3);
        menuList.add(menuMap4);

        return menuList;
    }

}

三:总结

到此这篇关于Java实现一个简易版的多级菜单功能的文章就介绍到这了,更多相关Java实现多级菜单内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

时间: 2022-01-11

Java构建树形菜单的实例代码(支持多级菜单)

效果图:支持多级菜单. 菜单实体类: public class Menu { // 菜单id private String id; // 菜单名称 private String name; // 父菜单id private String parentId; // 菜单url private String url; // 菜单图标 private String icon; // 菜单顺序 private int order; // 子菜单 private List<Menu> children;

vue+ java 实现多级菜单递归效果

效果如图: 大概思路:树形视图使用的是vue官方事例代码,java负责封装数据,按照vue官方事例的数据结构封装数据即可.有两个需要关注的点: 1.官方事例的数据结构是一个对象里面包含着集合,而不是一个集合对象 2.递归算法 上代码: 前端:html+js <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.

Vue 递归多级菜单的实例代码

考虑以下菜单数据: [ { name: "About", path: "/about", children: [ { name: "About US", path: "/about/us" }, { name: "About Comp", path: "/about/company", children: [ { name: "About Comp A", path:

vue实现多级菜单效果

本次记录基于iview3框架实现多级菜单+vue router实现页面切换 方法一: 使用Tree 树形控件,官方文档 以官方demo为例,数据中添加URL属性,用于路由跳转,正式项目中该tree控件的数据由后端给出,需要注意的是后端给出的URL跳转地址最前一定要看清有没有"/" ,如果没有自己手动加或后端改,没有这个"/" 斜杠会导致路由跳转失败. 思路:根据官方文档里面写用on-select-change事件返回当前已选中的节点数组.当前项,就利用返回的当前项数

springboot + vue 实现递归生成多级菜单(实例代码)

开发过程中,涉及到多级菜单的应用,找了一些资料案例实现如下(使用springboot+layui+oracle): 创建菜单表 : -- 创建菜单表 create table wxmini_menus( menu_id number unique, --菜单ID menu_name varchar2(20), menu_url varchar2(200), menu_icon varchar2(100), parent_id number, --父菜单ID status varchar2(10)

详解VUE Element-UI多级菜单动态渲染的组件

以下是组件代码: <template> <div class="navMenu"> <label v-for="navMenu in navMenus"> <el-menu-item v-if="navMenu.childs==null&&navMenu.entity&&navMenu.entity.state==='ENABLE'" :key="navMenu.

js实现适用于素材网站的黑色多级菜单导航条效果

本文实例讲述了js实现适用于素材网站的黑色多级菜单导航条效果.分享给大家供大家参考.具体如下: 这是一款适用于素材网站的黑色多级菜单导航条,无需jQuery,采用CSS+javaScript来实现,整体效果非常棒,用来学习CSS也是很不错的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-black-color-nav-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD X

JavaScript实现横向滑出的多级菜单效果

本文实例讲述了JavaScript实现横向滑出的多级菜单效果.分享给大家供大家参考.具体如下: 这是一款JavaScript横向滑出的多级菜单,只用鼠标放上就可以动画出现二级菜单,整体设计精美,大气,博客上也可以用哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-hx-show-menu-style-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit

jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例

本文实例讲述了jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果.分享给大家供大家参考.具体如下: 这是一款核心基于jquery的多级导航菜单特效,横向向右依次展开菜单项,当然本菜单并不是完美的,因此没有怎么美化,另外包括子菜单的上级菜单中缺少一个菜单标记,这样用户有时候不知道哪个菜单中含有下级子菜单.不过添加这样一个标记似乎挺简单,你可以自己动手添加吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-right-show

基于jquery实现多级菜单效果

本文实例为大家分享了jquery实现多级菜单效果展示的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padding:0; font-size:14px; } ul,li{ list