使用layui写左侧动态手风琴

最新推荐文章于 2023-07-13 13:36:40 发布

吴举人

最新推荐文章于 2023-07-13 13:36:40 发布

阅读量5.1k

点赞数

分类专栏：前端框架文章标签：手风琴 layui

本文链接：https://blog.csdn.net/qq_40393093/article/details/79461127

版权

本文介绍如何利用layui框架创建一个动态的手风琴菜单。后台通过Java代码获取数据，前端使用Ajax请求获取数据并渲染HTML。通过layui的layui-nav-tree组件，实现了菜单的折叠和展开效果，同时动态加载不同页面内容。

摘要由CSDN通过智能技术生成

后台代码：

@RequestMapping("/loadId2")
public void list2(HttpServletResponse response, HttpServletRequest request,String token) {
String userTokenString = token.toString();
String string = request.getSession().getServletContext().getAttribute(userTokenString).toString();
Long id = null;
if (string!=null) {
String[] split = string.split("_");
id = Long.parseLong(split[0]);
}

List list = moduleService.getList(id);
String[] exclude = { "Users" ,"RoleModule"};
JsonUtils.printJsonStringFromArrayObjectWithExclude(response, list, exclude);

}

        public List getList(Long id){
String sql = " select m.moduleID,m.name,m.moduleParentID,m.className,m.sortIndex,m.url from                         permission.dbo.module as m where moduleID in(select module from roleModule where role =("+
        "select role from userRole where users ="+id+" )) order by sortIndex asc ";
return this.baseDao.exeSqlQuery(sql);
}

html中代码：