Java从数据库读取角色权限，如何使用layui树形组件显示

1. 获取角色权限数据

从数据库中获取角色权限数据，可以使用SQL查询语句将数据查询出来，例如：

SELECT * FROM role_permission WHERE role_id = ?

2. 格式化数据

将查询到的数据格式化为layui树形组件需要的数据格式，数据格式如下：

[
  {
    "title": "菜单1",
    "id": "1",
    "children": [
      {
        "title": "子菜单1",
        "id": "2",
        "children": [
          {
            "title": "权限1",
            "id": "3"
          },
          {
            "title": "权限2",
            "id": "4"
          }
        ]
      }
    ]
  },
  {
    "title": "菜单2",
    "id": "5",
    "children": [
      {
        "title": "子菜单2",
        "id": "6",
        "children": [
          {
            "title": "权限3",
            "id": "7"
          },
          {
            "title": "权限4",
            "id": "8"
          }
        ]
      }
    ]
  }
]

其中，每个节点都有一个title和id属性，children属性表示该节点下的子节点，如果没有子节点则该属性为null。

3. 渲染树形组件

使用layui的tree组件渲染树形组件，代码如下：

layui.use(['tree'], function(){
    var $ = layui.jquery;
    var tree = layui.tree;
    // 获取角色权限数据
    $.ajax({
        url: 'getRolePermissions',
        method: 'get',
        data: {
            roleId: '1'
        },
        success: function(data){
            // 格式化数据
            var nodes = formatData(data);
            // 渲染树形组件
            tree.render({
                elem: '#tree', // 绑定元素
                data: nodes, // 数据
                showCheckbox: true // 显示复选框
            });
        }
    });
});

其中，#tree为绑定树形组件的元素的ID，showCheckbox为是否显示复选框。