做一个简单的动态树状导航栏

做一个简单的动态树状导航栏

在企业中，因为导航栏会涉及的权限问题，而且还会根据场景而进行变化。所以页面中的导航栏一般都是动态的。比如说后台管理系统。一个标准的导航栏是成树形，层级分明，子与父连接着。所以现在就给大家展示一下如何实现。

使用到的技术：
后台： java （jdk11） SpringBoot2.1.6
前端：Vue+node.js+elementUI
数据库 mysql

数据库

首先你要展示有一个导航栏的表，而这个表需要有子连接和父连接的标识，也就是一条数据要有id（自己id）和pid（父id），如下图

拥有子id和父id

后台

现在有了数据库之后，使用后台查询就不可以只是查询全部，而要把其父与子保存好，当然这里方法有很多，你也可以模仿TreeSet，把它们连接起来。而这里将使用父类包含子类的方式实现（也就是一个A类含有自己A类的集合作为属性）
这里给出实体类：

package com.zzp.rbac.primary.first.domain;

import java.io.Serializable;
import java.util.List;
import javax.persistence.*;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@NoArgsConstructor
@Data
@AllArgsConstructor
@Table(name = "menus")