1.まず、すべてのフロントエンドとバックエンドをコピーして統合した後、データベースパスを変更します
2.前のuindex.jsのルーティングパスを変更します
3.データベーステーブルacl_role_permissionにキーデータがないため、権限が正常に表示されません。
つまり、現在のロール権限には、permission_idが1のデータが必要です。次の図に示すように、
各ロールに関連する権限を追加した後、permission_idが1のデータをもう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);
}
}