从零开始码后台管理系统—权限表设计

前后台可以正式接通以后，我们就可以设计基础的几个数据库表了，菜单表、角色表、用户表、角色菜单表和用户角色表，有这5个表我们就可以搞定用户权限。

因为要开始涉及数据库操作，每个表的单表操作我们都会创建Controller、Service、Entity、Mapper、MapperXML，我们先来新建数据库表结构，先建立最基础的表结构，后续有需要再完善，毕竟使用了MybatisPlus，改变结构之后只需要在实体类加属性就好了。

用户表：

CREATETABLE `sys_user` (
  `id` int(11) NOTNULLAUTO_INCREMENT,
  `username` varchar(20) NOTNULLCOMMENT'用户名',
  `password` varchar(200) NOTNULLCOMMENT'密码',
  `salt` varchar(10) DEFAULTNULLCOMMENT'盐',
  `name` varchar(64) DEFAULTNULLCOMMENT'姓名',
  `create_time` datetimeDEFAULTCURRENT_TIMESTAMPCOMMENT'创建时间',
  `create_by` int(11) DEFAULTNULLCOMMENT'创建者',
  `update_time` datetimeDEFAULTCURRENT_TIMESTAMPONUPDATECURRENT_TIMESTAMPCOMMENT'修改时间',
  `update_by` int(11) DEFAULTNULLCOMMENT'修改人',
PRIMARYKEY (`id`)
) ENGINE=InnoDBAUTO_INCREMENT=2DEFAULTCHARSET=utf8COMMENT='用户账户';

角色表：

CREATETABLE `sys_role` (
  `id` int(11) NOTNULLAUTO_INCREMENT,
  `label` varchar(200) DEFAULTNULLCOMMENT'角色名称',
  `alias` varchar(100) DEFAULTNULLCOMMENT'角色别名',
  `sort` int(11) DEFAULT'0'COMMENT'排序',
  `create_time` datetimeDEFAULTCURRENT_TIMESTAMPCOMMENT'创建时间',
  `create_by` int(11) DEFAULTNULLCOMMENT'创建者',
  `update_time` datetimeDEFAULTCURRENT_TIMESTAMPONUPDATECURRENT_TIMESTAMPCOMMENT'修改时间',
  `update_by` int(11) DEFAULTNULLCOMMENT'修改人',
PRIMARYKEY (`id`)
) ENGINE=InnoDBDEFAULTCHARSET=utf8COMMENT='角色表';

用户角色表：

CREATETABLE `sys_user_role` (
  `id` int(11) DEFAULTNULL,
  `user_id` int(11) DEFAULTNULL,
  `role_id` int(11) DEFAULTNULL
) ENGINE=InnoDBDEFAULTCHARSET=utf8COMMENT='用户角色表';

菜单表：

CREATETABLE `sys_menu` (
  `id` int(11) NOTNULLAUTO_INCREMENT,
  `parent_id` int(11) DEFAULTNULLCOMMENT'上级菜单',
  `title` varchar(200) DEFAULTNULLCOMMENT'显示名称',
  `type` varchar(10) DEFAULTNULLCOMMENT'类型',
  `name` varchar(100) DEFAULTNULLCOMMENT'别名',
  `icon` varchar(100) DEFAULTNULLCOMMENT'菜单图标',
  `path` varchar(100) DEFAULTNULLCOMMENT'路由地址',
  `redirect` varchar(200) DEFAULTNULLCOMMENT'重定向',
  `active` varchar(200) DEFAULTNULLCOMMENT'菜单高亮',
  `component` varchar(100) DEFAULTNULLCOMMENT'视图',
  `color` varchar(10) DEFAULTNULLCOMMENT'颜色',
  `hidden` bit(1) DEFAULTb'0'COMMENT'隐藏菜单',
  `hidden_breadcrumb` bit(1) DEFAULTb'0'COMMENT'隐藏面包屑',
  `create_time` datetimeDEFAULTCURRENT_TIMESTAMPCOMMENT'创建时间',
  `create_by` int(11) DEFAULTNULLCOMMENT'创建者',
  `update_time` datetimeDEFAULTCURRENT_TIMESTAMPONUPDATECURRENT_TIMESTAMPCOMMENT'修改时间',
  `update_by` int(11) DEFAULTNULLCOMMENT'修改人',
PRIMARYKEY (`id`)
) ENGINE=InnoDBDEFAULTCHARSET=utf8COMMENT='菜单表';

角色菜单表：

CREATETABLE `sys_role_menu` (
  `id` int(11) NOTNULLAUTO_INCREMENT,
  `role_id` int(11) DEFAULTNULLCOMMENT'角色ID',
  `menu_id` int(11) DEFAULTNULLCOMMENT'菜单ID',
PRIMARYKEY (`id`)
) ENGINE=InnoDBDEFAULTCHARSET=utf8COMMENT='角色菜单表';

在用户表中插入超管账号：

INSERTINTO `demo`.`sys_user` (`id`, `username`, `password`, `salt`, `name`, `create_time`, `create_by`, `update_time`, `update_by`) VALUES (1, 'admin', 'admin', '123456', '超级管理员', DEFAULT, NULL, DEFAULT, NULL)

引入Lombok方便写实体类

<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<version>1.18.22</version>
</dependency>

新建用户相关类：

@Data
@TableName("sys_user")
publicclassSysUserEntity {
@TableId
privateLongid;

privateStringusername;

privateStringpassword;

privateStringsalt;

privateStringname;

privateLocalDateTimecreateTime;

privateLongcreateBy;

privateLocalDateTimeupdateTime;

privateLongupdateBy;
}

@Mapper
publicinterfaceSysUserMapperextendsBaseMapper<SysUserEntity> {
}

publicinterfaceSysUserServiceextendsIService<SysUserEntity> {
/**
*根据用户名获取用户信息
*@paramusername
*@return
*/
SysUserEntitygetUserByUserName(Stringusername);
}

/**
*@program:
*@description: 用户服务层
*@author:
*@create: 2022-01-2716:58
**/
@Service("sysUserService")
publicclassSysUserServiceImplextendsServiceImpl<SysUserMapper, SysUserEntity>implementsSysUserService {
@Override
publicSysUserEntitygetUserByUserName(Stringusername) {
returnthis.baseMapper.selectOne(newLambdaQueryWrapper<SysUserEntity>()
                .eq(SysUserEntity::getUsername,username)
        );
    }
}

修改完善部分登录服务代码：

@RestController
@RequestMapping("/")
publicclassLoginController {
@Autowired
privateLoginServiceloginService;

@PostMapping("token")
publicSaResultdoLogin(@RequestBodyLoginFormform) throwsException {

Map<String,Object>data=loginService.login(form);

returnSaResult.data(data);
    }
}

publicinterfaceLoginService {
Map<String, Object>login(LoginFormform) throwsException;
}

@Service("loginService")
publicclassLoginServiceImplimplementsLoginService {
@Autowired
privateSysUserServiceuserService;

@Override
publicMap<String, Object>login(LoginFormform) throwsException {
//验证码校验

//用户是否存在校验
SysUserEntityuser=userService.getUserByUserName(form.getUsername());
System.out.println(user);
if (user==null){
thrownewException("用户不存在");
        }

//密码校验

//用户登录
StpUtil.login(form.getUsername());

//返回结果
Map<String,Object>data=newHashMap<>();
data.put("token",StpUtil.getTokenValue());
data.put("userInfo","{"
+"\"dashboard\": "+0
+", \"userId\": \"1\""
+", \"userName\": \"Administrator\""
+", \"role\": \"[\"SA\", \"admin\", \"Auditor\"]\""
+"}");
returndata;
    }
}

重启项目调用登录，控制台输出一下内容

LoginForm(username=admin, password=21232f297a57a5a743894a0e4a801fc3)
SysUserEntity(id=1, username=admin, password=admin, salt=123456, name=超级管理员, 
createTime=2022-01-27T17:14:16, createBy=null, updateTime=2022-01-27T17:14:16, 
updateBy=null)

SaLog –>: 账号[admin]登录成功

整体登录流程就是这样了，继续完善。先确定密码加密方式：

md5(md5(password)+md5(salt))

在测试类中生成密码存到数据库中

@Test
publicvoidcreatePass(){
System.out.println(SaSecureUtil.md5(SaSecureUtil.md5("admin")+SaSecureUtil.md5("20f883")));

}

登录接口中密码已经在前端经过md5加密，所以修改后端代码

if (user==null){
//用户不存在
thrownewException("账号密码错误");
}

//密码校验
Stringpassword=SaSecureUtil.md5(form.getPassword()+SaSecureUtil.md5(user.getSalt()));
if(!user.getPassword().equals(password)){
thrownewException("账号密码错误");
}

新建菜单Controller

@RestController
@RequestMapping("/system/menu")
publicclassSysMenuController {
//创建几个静态路由
@GetMapping("/my")
publicSaResultmy(){
Map<String,Object>data=newHashMap<>();
List<SysMenuDTO>menu=newArrayList<>();
List<String>permissions=newArrayList<>();
permissions.add("list.add");
permissions.add("list.edit");
permissions.add("list.delete");
permissions.add("user.add");
permissions.add("user.edit");
permissions.add("user.delete");
data.put("permissions",permissions);


SysMenuDTOmenuitem=newSysMenuDTO("home","/home","home","首页","el-icon-eleme-filled","menu",null);
List<SysMenuDTO>childrens=newArrayList<>();
childrens.add(newSysMenuDTO("dashboard","/dashboard","home","控制台","el-icon-menu","menu",true));
childrens.add(newSysMenuDTO("userCenter","/userCenter","userCenter","个人信息","el-icon-user","menu",null));
menuitem.setChildren(childrens);
menu.add(menuitem);

menuitem=newSysMenuDTO("setting","/setting","setting/system","配置","el-icon-setting","menu",null);
childrens=newArrayList<>();
childrens.add(newSysMenuDTO("settingMenu","/setting/menu","setting/menu","菜单管理","el-icon-fold","menu",null));
menuitem.setChildren(childrens);
menu.add(menuitem);

data.put("menu",menu);

returnSaResult.data(data);
    }

}