bootstrap table 父子表实现【无限级】菜单管理功能

bootstrap table 父子表实现【无限级】菜单管理功能

实现效果

前端代码

<%@ page        language="java"        import="java.util.*"        pageEncoding="UTF-8" %>
<%@include file="/WEB-INF/include/tags.jsp" %>



    
	
	
	
	
	
 	
	
	
	
    


    




    
菜单列表
    

        

            
        
    

上方代码需要修改的地方：

• 标签中所有的引用需要修改。 推荐cdn:https://www.bootcdn.cn/
• 数据源 需要修改为自身服务端的请求地址

服务端代码：

    @RequestMapping("/")
    @ResponseBody
    public Map menuData(String pid, String search, String order, Integer offset, Integer limit) {

        logger.info("  menuData()   pid   " + pid);
        logger.info("  menuData()   search   " + search);
        logger.info("  menuData()   order   " + order);
        logger.info("  menuData()   offset   " + offset);
        logger.info("  menuData()   limit   " + limit);

        Map resultMap = new HashMap<>();

        List menuList = menuService.selectAllMenuByPid(pid, null);


        resultMap.put("menuList", menuList);

        return resultMap;
    }

参考地址：

官方示例程序：https://examples.bootstrap-table.com/#welcomes/sub-table.html
博客API翻译：https://blog.csdn.net/S_clifftop/article/details/77937356
博客API翻译：https://blog.csdn.net/rickiyeat/article/details/56483577