溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“Java前后端分離之權限管理的方法是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“Java前后端分離之權限管理的方法是什么”吧！
借助elementui中的表格部分
<template slot-scope="scope"> <el-button @click="permissionClick(scope.row)" type="primary" size="mini">修改權限222</el-button> </template>
借助elementui中的對話框和樹形結構
<!--自寫權限222--> <el-dialog title="提示" :visible.sync="dialogPerVisible" width="30%" > <!-- :default-expanded-keys="[2, 3]"默認展開項 :default-checked-keys="[5]"默認選中項 --> <el-tree :data="treeData" show-checkbox node-key="id" :props="defaultProps"> </el-tree> <span slot="footer" class="dialog-footer"> <el-button @click="dialogPerVisible = false">取 消</el-button> <el-button type="primary" @click="dialogPerVisible = false">確 定</el-button> </span> </el-dialog>
data(){
return{
//自寫權限樹遮罩層
dialogPerVisible:false,
treeData:[],
defaultProps: {
children: 'children',
//如果不顯示命名，注意看請求結果是否為label不是則修改‘label'中的內容
label: 'label'
}
}
}methods:{
//自寫權限點擊
permissionClick(row){
this.dialogPerVisible=true;
this.$http.get("/system/permission/findPermessionByRoleId/"+row.id).then(result=>{
this.treeData=result.data.data.treeData;
})
}
}//自寫權限樹
@GetMapping("findPermessionByRoleId/{roleId}")
public CommonResult findPermessionByRoleId(@PathVariable String roleId){
return iPermissionService.findPermessionByRoleId(roleId);
}此處使用TODO可以在后面進行查找此業務是否完成
//自寫樹結構的獲取
@Override
public CommonResult findPermessionByRoleId(String roleId) {
//查詢所有的權限
QueryWrapper<Permission> wrapper=new QueryWrapper<>();
//邏輯刪除列考慮在內 還有一個狀態列數據庫暫未考慮
wrapper.eq("is_deleted",0);
List<Permission> permissionList = permissionMapper.selectList(wrapper);
//設置層級關系
List<Permission> firstMenus=new ArrayList<>();
for (Permission first:permissionList) {
//int
if(first.getPid().equals("1")){
firstMenus.add(first);
}
}
//為一級菜單設置二級菜單
for (Permission first : firstMenus) {
//根據一級菜單id 查詢 該菜單的二級菜單，如果出現不確定有幾級菜單 那么我們可以使用方法的遞歸調用
first.setChildren(findChildren(permissionList,first.getId()));
}
//TODO根據角色查詢該角色具有的權限id
Map<String,Object> map=new HashMap<>();
//treeData為前端要接收的值
map.put("treeData",firstMenus);
return new CommonResult(2000,"查詢成功",map);
}
//方法遞歸
public void getCheckKey(Permission p,List<String> list){
if(p.getChildren() == null || p.getChildren().size() == 0){
list.add(p.getId());
return;
}
List<Permission> children = p.getChildren();
for (Permission per : children){
getCheckKey(per, list);
}
}
使用mybatis-plus生成中間表（rolePermission）
相對于之前添加了根據角色查詢該角色具有的權限id內容
//調中間層
@Autowired
private IRolePermissionService iRolePermissionService;
//自寫樹結構的獲取
@Override
public CommonResult findPermessionByRoleId(String roleId) {
//查詢所有的權限
QueryWrapper<Permission> wrapper=new QueryWrapper<>();
//邏輯刪除列考慮在內 還有一個狀態列數據庫暫未考慮
wrapper.eq("is_deleted",0);
List<Permission> permissionList = permissionMapper.selectList(wrapper);
//設置層級關系
List<Permission> firstMenus=new ArrayList<>();
for (Permission first:permissionList) {
//int
if(first.getPid().equals("1")){
firstMenus.add(first);
}
}
//為一級菜單設置二級菜單
for (Permission first : firstMenus) {
//根據一級菜單id 查詢 該菜單的二級菜單，如果出現不確定有幾級菜單 那么我們可以使用方法的遞歸調用
first.setChildren(findChildren(permissionList,first.getId()));
}
//根據角色查詢該角色具有的權限id
QueryWrapper<RolePermission> wrapper1=new QueryWrapper<>();
//根據角色id獲得權限
wrapper1.eq("role_id",roleId);
List<RolePermission> list = iRolePermissionService.list(wrapper1);
//由集合轉換為查詢permissionId
List<String> collect = list.stream().map(item -> item.getPermissionId()).distinct().collect(Collectors.toList());
Map<String,Object> map=new HashMap<>();
//treeData為前端要接收的值
map.put("treeData",firstMenus);
map.put("checkIds",collect);
return new CommonResult(2000,"查詢成功",map);
}
//方法遞歸
public void getCheckKey(Permission p,List<String> list){
if(p.getChildren() == null || p.getChildren().size() == 0){
list.add(p.getId());
return;
}
List<Permission> children = p.getChildren();
for (Permission per : children){
getCheckKey(per, list);
}
}
methods:{
//自寫權限點擊
permissionClick(row){
this.dialogPerVisible=true;
this.$http.get("/system/permission/findPermessionByRoleId/"+row.id).then(result=>{
this.treeData=result.data.data.treeData;
setTimeout(()=>{
result.data.data.checkIds.forEach(value=>{
this.$refs.rootTree.setChecked(value,true,false);
})
},100)
})
}
}點擊遮罩層的確定處理
<el-button type="primary" @click="confirmFen()">確 定</el-button>
添加角色id
點擊確定時
methods:{
//自寫權限遮罩層確定
confirmFen(){
//1.獲取全選和半選的樹 獲取對象
var checkedNodes = this.$refs.rootTree.getCheckedNodes(false,true);
//console.log(checkedNodes)
var ids=[];
checkedNodes.forEach(item=>{
ids.push(item.id);
})
//console.log(ids)
this.$http.post("/system/rolePermission/"+this.roleId,ids).then(result=>{
if(result.data.code===2000){
this.dialogPerVisible=false;
this.$message.success("分配權限成功");
}
})
}
}console.log打印的結果（第二處ids）
controller層
//自寫權限樹
@GetMapping("findPermessionByRoleId/{roleId}")
public CommonResult findPermessionByRoleId(@PathVariable String roleId){
return iPermissionService.findPermessionByRoleId(roleId);
}serviceImpl層
@Override
@Transactional//事務
public CommonResult fen(String roleId, List<String> ids) {
//刪除roleid對應的權限
QueryWrapper<RolePermission> wrapper=new QueryWrapper<>();
wrapper.eq("role_id",roleId);
this.remove(wrapper);
//添加
List<RolePermission> collect = ids.stream().map(item -> new RolePermission(null, roleId, item, 0, LocalDateTime.now(), LocalDateTime.now())).collect(Collectors.toList());
this.saveBatch(collect);
return new CommonResult(2000,"分配成功",null);
}實體類添加
啟動類添加
感謝各位的閱讀，以上就是“Java前后端分離之權限管理的方法是什么”的內容了，經過本文的學習后，相信大家對Java前后端分離之權限管理的方法是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
