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

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

主要介绍了springboot + vue 实现递归生成多级菜单，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要

的朋友可以参考下

开发过程中，涉及到多级菜单的应用，找了一些资料案例实现如下（使用springboot+layui+oracle）：

创建菜单表 ：

-- 创建菜单表

create table wxmini_menus(

menu_id number unique, --菜单ID

last_update_date DATE not null,

last_updated_by NUMBER not null,

creation_date DATE not null,

created_by NUMBER not null,

last_update_login NUMBER

);

-- 插入菜单记录

insert into wxmini_menus values((select 1 from dual),'设置',null,null,null,1,100,sysdate,-1,sysdate,-1,-1);

insert into wxmini_menus values((select max(menu_id)+1 from yl_wxmini_menus),'用户',null,null,1,1,null,sysdate,-1,sysdate,-1,-1);

insert into wxmini_menus values((select max(menu_id)+1 from yl_wxmini_menus),'主页二',null,null,5,1,null,sysdate,-1,sysdate,-1,-1);

实体类实体类 WxMenu.java：：

public class WxMenu {

private String menu_id;

private String menu_name;

private String menu_url;

private String menu_icon;

private String parent_id;

private String parent_menu_name;

private long last_update_login;

private List<WxMenu> childMenus;

......

}

Controller控制层 :

@Controller

@RequestMapping("/index")

public class IndexController {

* @return

*/

@ResponseBody

@RequestMapping(value = "/loadAuthMenus",method = RequestMethod.GET)

public LayuiJsonFormat<HashMap> login(String username, String password, HttpServletRequest request) {

// 获取所有菜单数据

List<WxMenu> wxMenus = wxUserService.getAllMenus();

//定义 存储一级菜单

List<WxMenu> menuList = new ArrayList<WxMenu>();

}

// for调用递归，循环获取所有子菜单

for (WxMenu menu : menuList) {

menu.setChildMenus(getChildmenus(menu.getMenu_id(), wxMenus));

}

//存储所有菜单，将数据回传至 layui 前端

map.put("menus", menuList);