背景

  最近用到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 登录用户重新初始话右侧菜单的更多相关文章

  1. java—不同的用户登录以后可以看到不同的菜单(后台可以实现对用户菜单的管理) 1 (55)

    实现不同的用户登录以后可以看到不同的菜单.(后台可以实现对用户菜单的管理.) 第一步:分析数据结构        1:用户表 表名:users 列名 类型 说明 id Varchar(32) 主键 n ...

  2. 【Linux_Fedora_系统管理系列】_1_用户登录和系统初始配置

    发现一个问题,在FC14 的Firefox浏览器中,编辑和排版好的博文,在windows下用chrome或者猎豹浏览器打开后,排版就变得阅读 不是很容易里,而且经常不经意的断行.不知道园子的管理人员时 ...

  3. linux 下如何查看和踢除正在登陆的其它用户 ==>Linux下用于查看系统当前登录用户信息的4种方法

    在linux系统中用pkill命令踢出在线登录用户 由于linux服务器允许多用户登录,公司很多人知道密码,工作造成一定的障碍 所以需要有时踢出指定的用户 1/#who   查出当前有那些终端登录(用 ...

  4. Linux查看用户数、登录用户

    如果是系统中全部只要默认shell是bash的就包括那么二楼正解,就是cat /etc/passwd|grep bash|wc -l如果是正在登陆系统的账户中使用bash shell的,那么ps -e ...

  5. PLSQL配置登录用户信息

    PLSQL配置登录用户信息 2012-08-30 08:47:02     我来说两句      作者:lsxy117 收藏    我要投稿 PLSQL配置登录用户信息   工作中经常使用PLSQL ...

  6. 防止未登录用户操作—struts2拦截器简单实现(转)

    原文地址:http://blog.csdn.net/zhutulang/article/details/38351629 尊重原创,请访问原地址 一般,我们的web应用都是只有在用户登录之后才允许操作 ...

  7. SQLSERVER误删除了Windows登录用户验证方式使用Windows身份验证的解决方法

    SQLSERVER误删Windows登录用户验证方式使用Windows身份验证的解决方法 今天看到这篇文章:没有了SA密码,无法Windows集成身份登录,DBA怎么办? 想起来之前着急哥问我的一个问 ...

  8. Linux下用于查看系统当前登录用户信息 w命令

    作为系统管理员,你可能经常会(在某个时候)需要查看系统中有哪些用户正在活动.有些时候,你甚至需要知道他(她)们正在做什么.本文为我们总结了4种查看系统用户信息(通过编号(ID))的方法. 1. 使用w ...

  9. Sqlserver中 登录用户只能看到自己拥有权限的库

    执行之前新建用户时不要赋予任何权限 USE master GO --将所有数据库的查看权限给Public角色,每个登录用户只能查看指定的数据库 --此语句会导致服务器上所有的用户在没有设置数据库权限的 ...

  10. Linux下查看/管理当前登录用户及用户操作历史记录

    转载自: http://www.cnblogs.com/gaojun/archive/2013/10/24/3385885.html 一.查看及管理当前登录用户 1.使用w命令查看登录用户正在使用的进 ...

随机推荐

  1. 使用sqljdbc连接mssql数据库,maven生成jar运行后报"Exception in thread "main" java.lang.SecurityException"错误

    错误信息如下: Exception in thread "main" java.lang.SecurityException: Invalid signature file dig ...

  2. HDU 4629 Burning 几何 + 扫描线

    总体思路参考了 这里. 细节:1.控制精度,虽然这题没卡精度,不过还是要控制一下. 之前 bool operator<( const Point& A, const Point& ...

  3. matlab 画锥体

    >> plot3(x,y,z); >> [x,y,z]=cylinder([ ],)

  4. codevs 3332 数列 (矩阵乘法)

    /* 裸地矩阵乘法 矩阵很好想的 1 1 0 0 0 1 1 0 0 */ #include<iostream> #include<cstring> #include<c ...

  5. SSH三者作用

    Struts在项目中的作用 Struts 在项目主要起控制作用,只要用于web层(即视图层和控制层)Struts本身是使用典型的MVC结构实现的,项目中使用了struts之后就等于项目也是一个MVC结 ...

  6. IceMx.Mvc 我的js MVC 框架 二、视图的数据绑定

    介绍 本人菜鸟,一些自己的浅薄见解,望各位大神指正. 本框架有以下优点 1.简单(调用简单.实现简单.不过度设计) 2.视图.控制器.模型分离(分离对于维护十分有必要) 3.组件化(每一个mvc模块儿 ...

  7. login/logout切换

    1. 前端按钮 <img border="0" width="18" height="18" src="<%=base ...

  8. MyBatis的三层级联和二层缓存

           我们这里说的三层级联和二级缓存其实也是MyBatis映射器的知识点,只是因为比较难理解,所以单独拿出来讲解,下面是三层级联的内容:        我们知道,在数据库中包含着一对一,一对多 ...

  9. Java的clone():深复制与浅复制

    Java中要想自定义类的对象可以被复制,自定义类就必须实现Cloneable中的clone()方法,如下: public class Student implements Cloneable { pr ...

  10. 记初学python的一些心得

    人生苦短,我用python! 其实我自学python也很长一段时间了,但总是去更换学习资料,搞的现在学的不是很好,因为没更换次资料都要从头开始学起,那么分享下我的学习战况吧,不是很好,还将就的能看. ...