人事管理项目-动态加载用户菜单

简介: 人事管理项目-动态加载用户菜单

人事管理项目-动态加载用户菜单

用户菜单就是用户登录成功后首页左侧显示的菜单,如图-12所示。这个菜单数据是根据用户的角色动态加载的,即不同身份的用户登录成功后看到的菜单是不一样的。接下来看这个功能如何实现。

 后端接口实现

后端接口的实现比较容易,根据登录用户的id查询该用户具有的角色,再根据角色信息查看对应的Menu,数据模型如图

首先创建MenuMapper,根据用户id查询Menu,代码如下:

对应的MenuMapper.xml文件中则根据当前用户id查询用户可以查看的角色,查询SQL如下(源文件过大,这里就不展示了,完整文件可以在GitHub上下载,下载地址为https://github.com/lenve/vhr/blob/master/hrserver/src/main/java/org/sang/mapper/MenuMapper.xml):

然后分别创建MenuService和ConfigController,ConfigController用来返回基本的系统配置信息。

MenuService代码如下:

其中,HrUtils是一个工具方法,用来返回当前登录用户的信息。

ConfigController代码如下:

配置完成后,启动Spring Boot项目,访问http://localhost:8082/config/sysmenu接口,即可看到当前登录用户所能查看的菜单数据,如图所示。


相关文章
|
7月前
|
数据库
会议OA必备!解密Layui神技:轻松构建动态可控的左侧权限菜单列表!
会议OA必备!解密Layui神技:轻松构建动态可控的左侧权限菜单列表!
65 0
|
8月前
|
小程序 NoSQL JavaScript
【易售小程序项目】”我的“界面实现+“信息修改“界面实现+登出账号实现+图片上传组件【基于若依管理系统开发】
【易售小程序项目】”我的“界面实现+“信息修改“界面实现+登出账号实现+图片上传组件【基于若依管理系统开发】
66 0
|
21天前
|
监控 Java 定位技术
WebGIS 信息系统-主界面基本模块功能设计
WebGIS 信息系统-主界面基本模块功能设计
47 2
|
21天前
|
监控 JavaScript 前端开发
Vue.js前端开发:为员工计算机监控软件定制动态界面
在当今数字化的工作环境中,员工计算机监控软件的需求日益增加。为了满足不同企业的需求,我们需要一种灵活且高度定制化的监控软件。本文将介绍如何利用Vue.js构建一个动态界面,为员工计算机监控软件提供个性化的前端体验。
205 0
|
6月前
会议OA项目-其它页面->自定义组件应用,其它界面的布局
会议OA项目-其它页面->自定义组件应用,其它界面的布局
27 0
|
8月前
|
小程序 前端开发
【易售小程序项目】修改“我的”界面前端实现;查看、重新编辑、下架自己发布的商品【后端基于若依管理系统开发】
【易售小程序项目】修改“我的”界面前端实现;查看、重新编辑、下架自己发布的商品【后端基于若依管理系统开发】
62 0
|
12月前
|
JSON 前端开发 数据格式
人事管理项目-动态加载用户菜单3
人事管理项目-动态加载用户菜单3
人事管理项目-动态加载用户菜单3
|
12月前
|
JSON JavaScript 前端开发
人事管理项目-动态加载用户菜单2
人事管理项目-动态加载用户菜单2
|
安全 数据可视化 网络协议
Excel用户的福音:不用写代码就能开发一个带界面的程序!
2015年,微软内部一个项目悄悄开始开发,主要目的是解决「Excel用户」不想编程,重复劳动多,下班晚等问题。2021年,这个项目终于来了,让不会写代码的你也能驯化计算机!
156 0
Excel用户的福音:不用写代码就能开发一个带界面的程序!