springboot 加入ztree，前后端代码

Spring Boot集成ZTree是一个常见的做法，它可以帮助你轻松地在前端展示数据树结构。以下是基本步骤：

1. 添加依赖：首先，在你的`pom.xml`文件中添加ZTree的依赖。对于Maven项目，可以加入如下内容：

<dependency>
    <groupId>com.treecomponents</groupId>
    <artifactId>jstree</artifactId>
    <version>3.3.7</version>
</dependency>

2. 配置静态资源：在`application.properties`或`application.yml`中配置静态资源路径，让Spring Boot能够找到ZTree的CSS和JavaScript文件：

spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/static/,classpath:/public/

3. 创建数据模型：定义一个Java实体类，表示ZTree节点的数据结构，例如：

public class TreeNode {
    private Long id;
    private String name;
    // 可能还需要其他字段，如children属性

    // getters and setters
}

4. 后端处理：在Controller中，你可以返回JSON格式的数据，包含节点的信息：

@GetMapping("/ztrees")
List<TreeNode> getTrees() {
    // 这里假设你有一个查询数据库获取数据的方法
    List<TreeNode> treeNodes = service.getTreeNodeData();
    return treeNodes;
}

5. 前端模板：在HTML或Thymeleaf等模板引擎中，引入ZTree所需的CSS和JS，并动态渲染数据：

<div id="treeDemo" style="height: 600px;"></div>

<script src="/jstree/dist/jstree.min.js"></script>
<link rel="stylesheet" href="/jstree/dist/themes/default/style.min.css">

<script>
    $(document).ready(function () {
        var data = <?php echo json_encode($trees); ?>;
        $("#treeDemo").jstree({
            data: data,
            plugins: ["wholerow", "checkbox"],
            core: { themes: {"theme": "default"} } // 设置主题
        });
    });
</script>