使用ztree展示树形菜单结构

篇首语：本文由小编为大家整理，主要介绍了使用ztree展示树形菜单结构相关的知识，希望对你有一定的参考价值。

官网：http://www.treejs.cn/v3/main.php#_zTreeInfo

一、功能简介

在权限系统中，实现给角色指定菜单权限的功能。主要包括以下几点：

读取全部菜单项，并以树形结构展现；

勾选角色拥有的菜单权限，保存入库；

重新编辑角色权限时，默认选中角色已有的菜单权限。

二、界面

三、实现过程

1.在服务端获取全部菜单资源，并转换为json字符串。

@RequestMapping("/edit")

    public String edit(Integer roleId, Model model) {

        ……

        //树形菜单资源

        List> allResources = resourceService.getTreeMap();

        //当前角色已有资源，设置checked和open属性

        if (roleId != null) {

            Set roleResources = resourceService.findByRoleId(roleId);

            if (roleResources != null && !roleResources.isEmpty()) {

                for (Map resource : allResources) {

                    Integer id =(Integer)resource.get("id");

                    for (CmsResource roleResource : roleResources) {

                        if (roleResource.getResourceId().equals(id)) {

                            resource.put("checked", true);

                            resource.put("open", true);

                            break;

                        }

                    }

                }

            }

        }

        //转换为json字符串

        String resourceJson = new Gson().toJson(allResources);

        model.addAttribute("resourceJson", resourceJson);

        return "/role/edit";

    }

其中resourceService.getTreeMap()方法用来获取全部菜单资源，主要包括这几个字段：id,name,pId,open。

2.在view页面引入tree控件，并初始化设置。