1.首先是前后端全部复制整合之后,再修改数据库路径
2.修改前段uindex.js里面的路由路径
3.权限不成功显示是因为数据库表acl_role_permission中没有一行关键数据
就是当前角色权限必须有一条数据的permission_id为1 。 也就是下图所示:
每一个角色添加相关权限后,必须多加一条permission_id为1的数据,没有的话就显示不了菜单。
具体代码:
1.前端,在acl/role.js中加这段代码
save2(roleId) {
return request({
url: `${
api_name}/save2`,
method: 'post',
params: {
roleId}
})
},
2.在views/acl/role/roleForm.vue页面
//插入该角色id附属permission_id=1,固定值,否则菜单不会出现
saveData() {
roleApi.save2(this.roleId).then(
response =>{
if(response.success){
this.saveData()
}
})
}
3.再加一行方法调用:
4.后端:
//新增加一个角色信息
@PostMapping("save2")
public R save2(@RequestParam String roleId) {
rolePerService.save2(roleId);
return R.ok();
}
//新增加一个角色信息
void save2(String roleId);
public void save2(String roleId) {
QueryWrapper<RolePermission> wrapper=new QueryWrapper<RolePermission>();
RolePermission r=new RolePermission();
r.setPermissionId("1");
r.setRoleId(roleId);
System.out.println(r);
QueryWrapper<RolePermission> wrapper2=new QueryWrapper<RolePermission>();
wrapper2.eq("permission_id",1);
wrapper2.eq("role_id",roleId);
RolePermission selectOne = baseMapper.selectOne(wrapper2);
if(selectOne==null){
baseMapper.insert(r);
}
}