D2Admin 登录用户重新初始话右侧菜单

背景

　　最近用到D2Admin开发项目，用户登录菜单要根据用户角色权限获取，但是又不想用官网的方案(vue基于d2-admin的RBAC权限管理解决方案)，所以自己加了个只修改

menuAside的方案。方案如下：

step 1. 在demo/src/api/modules/sys.user.api.js中

　　export default 前新增：

import util from '@/libs/util'

import router from '@/router'

const toLogin = () => {

  util.cookies.remove('token')

  util.cookies.remove('uuid')

  // 清空 vuex 用户信息

 // this.$store.dispatch('d2admin/user/set', {}, { root: true })

  router.push({ name: 'login' })

}

　　export default 内新增：　　

,

  getMenuList () {

    const token = util.cookies.get('token')

    if (token === undefined) {

      toLogin()

    }

    return request({

      url: '/spd/system/getMenuList',

      headers: {

        Authorization: token,

     },

      method: 'post',

      data: {}

    })

step 2. 在demo/src/store/modules/d2admin/modules/account.js中

　　export default 前新增：

import store from '@/store/index'

import { menuHeader, menuAside } from '@/menu'

// 右侧菜单数据处理

const clearTreeChild = async (dataMap) => {

  dataMap.map((item,index)=>{

    // item.path 为空导致菜单全部收缩问题

    if(item.path === null || item.path === ''){

      item.path = 'd2-menu-empty-spd-' + index

    }

    // 包含children的菜单含下拉图标

    if(item.children == null || item.children.length == 0){

      delete item.children

    } else {

      clearTreeChild (item.children)

    }

  })

}

　　export default 内方法‘async load ({ dispatch })’新增：

1 const res = await api.getMenuList()

2 //res.data内是menuAside格式的菜单数据

3 clearTreeChild (res.data)

4 //用户权限菜单合并固定菜单

5 let allMenuAside = [...menuAside, ...res.data]

6 store.commit('d2admin/menu/asideSet', allMenuAside)

注：项目右侧固定菜单为 demosrc/menu/index.js中menuAside，可根据实际情况自行删改

相关资源：

D2Admin的API文档地址： https://d2.pub/zh/doc/d2-admin/

vue基于d2-admin的RBAC权限管理解决方案：https://github.com/wjkang/d2-admin-pm

作　　者：文静~
出　　处：https://www.cnblogs.com/tong2018/p/d2admin-menuAside.html
关于博主：后端搬砖，业余前端。评论和私信会在第一时间回复。
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！

D2Admin 登录用户重新初始话右侧菜单的更多相关文章

java—不同的用户登录以后可以看到不同的菜单(后台可以实现对用户菜单的管理) 1 （55）
实现不同的用户登录以后可以看到不同的菜单.(后台可以实现对用户菜单的管理.) 第一步:分析数据结构 1:用户表表名:users 列名类型说明 id Varchar(32) 主键 n ...
【Linux_Fedora_系统管理系列】_1_用户登录和系统初始配置
发现一个问题,在FC14 的Firefox浏览器中,编辑和排版好的博文,在windows下用chrome或者猎豹浏览器打开后,排版就变得阅读不是很容易里,而且经常不经意的断行.不知道园子的管理人员时 ...
linux 下如何查看和踢除正在登陆的其它用户 ==>Linux下用于查看系统当前登录用户信息的4种方法
在linux系统中用pkill命令踢出在线登录用户由于linux服务器允许多用户登录,公司很多人知道密码,工作造成一定的障碍所以需要有时踢出指定的用户 1/#who 查出当前有那些终端登录(用 ...
Linux查看用户数、登录用户
如果是系统中全部只要默认shell是bash的就包括那么二楼正解,就是cat /etc/passwd|grep bash|wc -l如果是正在登陆系统的账户中使用bash shell的,那么ps -e ...
PLSQL配置登录用户信息
PLSQL配置登录用户信息 2012-08-30 08:47:02 我来说两句作者:lsxy117 收藏我要投稿 PLSQL配置登录用户信息工作中经常使用PLSQL ...
防止未登录用户操作—struts2拦截器简单实现（转）
原文地址:http://blog.csdn.net/zhutulang/article/details/38351629 尊重原创,请访问原地址一般,我们的web应用都是只有在用户登录之后才允许操作 ...
SQLSERVER误删除了Windows登录用户验证方式使用Windows身份验证的解决方法
SQLSERVER误删Windows登录用户验证方式使用Windows身份验证的解决方法今天看到这篇文章:没有了SA密码,无法Windows集成身份登录,DBA怎么办? 想起来之前着急哥问我的一个问 ...
Linux下用于查看系统当前登录用户信息 w命令
作为系统管理员,你可能经常会(在某个时候)需要查看系统中有哪些用户正在活动.有些时候,你甚至需要知道他(她)们正在做什么.本文为我们总结了4种查看系统用户信息(通过编号(ID))的方法. 1. 使用w ...
Sqlserver中登录用户只能看到自己拥有权限的库
执行之前新建用户时不要赋予任何权限 USE master GO --将所有数据库的查看权限给Public角色,每个登录用户只能查看指定的数据库 --此语句会导致服务器上所有的用户在没有设置数据库权限的 ...
Linux下查看/管理当前登录用户及用户操作历史记录
转载自: http://www.cnblogs.com/gaojun/archive/2013/10/24/3385885.html 一.查看及管理当前登录用户 1.使用w命令查看登录用户正在使用的进 ...

随机推荐

使用sqljdbc连接mssql数据库，maven生成jar运行后报"Exception in thread "main" java.lang.SecurityException"错误
错误信息如下: Exception in thread "main" java.lang.SecurityException: Invalid signature file dig ...
HDU 4629 Burning 几何 + 扫描线
总体思路参考了这里. 细节:1.控制精度,虽然这题没卡精度,不过还是要控制一下. 之前 bool operator<( const Point& A, const Point& ...
matlab 画锥体
>> plot3(x,y,z); >> [x,y,z]=cylinder([ ],)
codevs 3332 数列（矩阵乘法）
/* 裸地矩阵乘法矩阵很好想的 1 1 0 0 0 1 1 0 0 */ #include<iostream> #include<cstring> #include<c ...
SSH三者作用
Struts在项目中的作用 Struts 在项目主要起控制作用,只要用于web层(即视图层和控制层)Struts本身是使用典型的MVC结构实现的,项目中使用了struts之后就等于项目也是一个MVC结 ...
IceMx.Mvc 我的js MVC 框架二、视图的数据绑定
介绍本人菜鸟,一些自己的浅薄见解,望各位大神指正. 本框架有以下优点 1.简单(调用简单.实现简单.不过度设计) 2.视图.控制器.模型分离(分离对于维护十分有必要) 3.组件化(每一个mvc模块儿 ...
login/logout切换
1. 前端按钮 <img border="0" width="18" height="18" src="<%=base ...
MyBatis的三层级联和二层缓存
我们这里说的三层级联和二级缓存其实也是MyBatis映射器的知识点,只是因为比较难理解,所以单独拿出来讲解,下面是三层级联的内容: 我们知道,在数据库中包含着一对一,一对多 ...
Java的clone()：深复制与浅复制
Java中要想自定义类的对象可以被复制,自定义类就必须实现Cloneable中的clone()方法,如下: public class Student implements Cloneable { pr ...
记初学python的一些心得
人生苦短,我用python! 其实我自学python也很长一段时间了,但总是去更换学习资料,搞的现在学的不是很好,因为没更换次资料都要从头开始学起,那么分享下我的学习战况吧,不是很好,还将就的能看. ...