bootstrap treeview 菜单树最详细

最新推荐文章于 2024-08-09 07:14:39 发布

哈允

最新推荐文章于 2024-08-09 07:14:39 发布

阅读量1.5k

点赞数 2

分类专栏： bootstrap treeview 文章标签： bootstrap treeview

本文链接：https://blog.csdn.net/weixin_42469285/article/details/85011519

版权

本文介绍了如何利用Bootstrap Treeview创建菜单树。首先定义了BootTree实体类，包含id、text、pid、selectable属性及nodes和href字段。接着在Controller层中，通过调用OrderService的getBootTree方法获取树形数据。Service接口和实现类处理具体的查询逻辑，Mapper层通过SQL查询pid为-1的记录。最后，在前端页面中，使用JavaScript的initMyTree函数发起Ajax请求获取数据，并初始化TreeView，选中节点时动态添加Tab。

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

实体类
@Data
public class BootTree {
private Integer id;
private String text;
private Integer pid;
private Boolean selectable;
private List nodes;
private String href;
}
controller 层
@RequestMapping(“getBootTree”)
@ResponseBody
public List getBootTree(){
List treelist = orderService.getBootTree();
return treelist;
}
service 接口
List getBootTree();

service 实现类

@Override
public List getBootTree() {
int pid = -1;
List bootTrees = getBootTreeNodes(pid);
return bootTrees;
}

private List<BootTree> getBootTreeNodes(Integer pid) {
    List<BootTree> bootTrees = orderMapper.getBootTreeNodes(pid);
    for (BootTree bootTreeBean : bootTrees) {
        Integer id2 = bootTreeBean.getId();