用户登录成功,通过用户角色从服务器获取路由,添加到vue-router中。
因为侧边栏存在路由嵌套,所以后端设计数据库时添加父路由id字段,递归获取所有路由数据
根据路由格式创建Router类和路由meta信息类RouterMeta
路由格式
Router类
public class Router{
/** id */
private String id;
/** 路径 */
private String path;
/** 装饰;使用哪个layout装饰 */
private String component;
/** 路由名字 */
private String name;
/** 重定向地址;重定向地址,在面包屑中点击会重定向去的地址 */
private String redirect;
/** 是否一直显示根路由 */
private Boolean alwaysShow;
/** 是否显示;如果设置为true,项目将不会显示在侧栏中(默认为false) */
private Boolean hidden;
/** 父级路由id */
private String parentId;
/** 路由顺序 */
private Integer index;
/** meta_id */
private String metaId;
}
RouterMeta类
public class RouterMeta {