从零开始码后台管理系统权限表设计
前后台可以正式接通以后，我们就可以设计基础的几个数据库表了，菜单表、角色表、用户表、角色菜单表和用户角色表，有这5个表我们就可以搞定用户权限。
因为要开始涉及数据库操作，每个表的单表操作我们都会创建Controller、Service、Entity、Mapper、MapperXML，我们先来新建数据库表结构，先建立最基础的表结构，后续有需要再完善，毕竟使用了MybatisPlus，改变结构之后只需要在实体类加属性就好了。
用户表：CREATE TABLE `sys_user` ( `id` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(20) NOT NULL COMMENT ＂用户名＂, `password` varchar(200) NOT NULL COMMENT ＂密码＂, `salt` varchar(10) DEFAULT NULL COMMENT ＂盐＂, `name` varchar(64) DEFAULT NULL COMMENT ＂姓名＂, `create_time` datetime DEFAULT CURRENT_TIMESTAMP COMMENT ＂创建时间＂, `create_by` int(11) DEFAULT NULL COMMENT ＂创建者＂, `update_time` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT ＂修改时间＂, `update_by` int(11) DEFAULT NULL COMMENT ＂修改人＂, PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8 COMMENT=＂用户账户＂;
角色表：CREATE TABLE `sys_role` ( `id` int(11) NOT NULL AUTO_INCREMENT, `label` varchar(200) DEFAULT NULL COMMENT ＂角色名称＂, `alias` varchar(100) DEFAULT NULL COMMENT ＂角色别名＂, `sort` int(11) DEFAULT ＂0＂ COMMENT ＂排序＂, `create_time` datetime DEFAULT CURRENT_TIMESTAMP COMMENT ＂创建时间＂, `create_by` int(11) DEFAULT NULL COMMENT ＂创建者＂, `update_time` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT ＂修改时间＂, `update_by` int(11) DEFAULT NULL COMMENT ＂修改人＂, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT=＂角色表＂;
用户角色表：CREATE TABLE `sys_user_role` ( `id` int(11) DEFAULT NULL, `user_id` int(11) DEFAULT NULL, `role_id` int(11) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT=＂用户角色表＂;
菜单表：CREATE TABLE `sys_menu` ( `id` int(11) NOT NULL AUTO_INCREMENT, `parent_id` int(11) DEFAULT NULL COMMENT ＂上级菜单＂, `title` varchar(200) DEFAULT NULL COMMENT ＂显示名称＂, `type` varchar(10) DEFAULT NULL COMMENT ＂类型＂, `name` varchar(100) DEFAULT NULL COMMENT ＂别名＂, `icon` varchar(100) DEFAULT NULL COMMENT ＂菜单图标＂, `path` varchar(100) DEFAULT NULL COMMENT ＂路由地址＂, `redirect` varchar(200) DEFAULT NULL COMMENT ＂重定向＂, `active` varchar(200) DEFAULT NULL COMMENT ＂菜单高亮＂, `component` varchar(100) DEFAULT NULL COMMENT ＂视图＂, `color` varchar(10) DEFAULT NULL COMMENT ＂颜色＂, `hidden` bit(1) DEFAULT b＂0＂ COMMENT ＂隐藏菜单＂, `hidden_breadcrumb` bit(1) DEFAULT b＂0＂ COMMENT ＂隐藏面包屑＂, `create_time` datetime DEFAULT CURRENT_TIMESTAMP COMMENT ＂创建时间＂, `create_by` int(11) DEFAULT NULL COMMENT ＂创建者＂, `update_time` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT ＂修改时间＂, `update_by` int(11) DEFAULT NULL COMMENT ＂修改人＂, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT=＂菜单表＂;
角色菜单表：CREATE TABLE `sys_role_menu` ( `id` int(11) NOT NULL AUTO_INCREMENT, `role_id` int(11) DEFAULT NULL COMMENT ＂角色ID＂, `menu_id` int(11) DEFAULT NULL COMMENT ＂菜单ID＂, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT=＂角色菜单表＂;
在用户表中插入超管账号：INSERT INTO `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方便写实体类 org.projectlombok lombok 1.18.22
新建用户相关类：@Data @TableName(＂sys_user＂) public class SysUserEntity { @TableId private Long id; private String username; private String password; private String salt; private String name; private LocalDateTime createTime; private Long createBy; private LocalDateTime updateTime; private Long updateBy; } @Mapper public interface SysUserMapper extends BaseMapper { } public interface SysUserService extends IService { /** * 根据用户名获取用户信息 * @param username * @return */ SysUserEntity getUserByUserName(String username); } /** * @program: * @description: 用户服务层 * @author: * @create: 2022-01-27 16:58 **/ @Service(＂sysUserService＂) public class SysUserServiceImpl extends ServiceImpl implements SysUserService { @Override public SysUserEntity getUserByUserName(String username) { return this.baseMapper.selectOne(new LambdaQueryWrapper() .eq(SysUserEntity::getUsername,username) ); } }
修改完善部分登录服务代码：@RestController @RequestMapping(＂/＂) public class LoginController { @Autowired private LoginService loginService; @PostMapping(＂token＂) public SaResult doLogin(@RequestBody LoginForm form) throws Exception { Map data = loginService.login(form); return SaResult.data(data); } } public interface LoginService { Map login(LoginForm form) throws Exception; }@Service(＂loginService＂) public class LoginServiceImpl implements LoginService { @Autowired private SysUserService userService; @Override public Map login(LoginForm form) throws Exception { // 验证码校验 // 用户是否存在校验 SysUserEntity user = userService.getUserByUserName(form.getUsername()); System.out.println(user); if (user == null){ throw new Exception(＂用户不存在＂); } // 密码校验 // 用户登录 StpUtil.login(form.getUsername()); // 返回结果 Map data = new HashMap<>(); data.put(＂token＂,StpUtil.getTokenValue()); data.put(＂userInfo＂,＂{＂ + ＂＂dashboard＂: ＂ + 0 + ＂, ＂userId＂: ＂1＂＂ + ＂, ＂userName＂: ＂Administrator＂＂ + ＂, ＂role＂: ＂[＂SA＂, ＂admin＂, ＂Auditor＂]＂＂ + ＂}＂); return data; } }
重启项目调用登录，控制台输出一下内容
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 public void createPass(){ System.out.println(SaSecureUtil.md5(SaSecureUtil.md5(＂admin＂)+SaSecureUtil.md5(＂20f883＂))); }
登录接口中密码已经在前端经过md5加密，所以修改后端代码if (user == null){ // 用户不存在 throw new Exception(＂账号密码错误＂); } // 密码校验 String password = SaSecureUtil.md5(form.getPassword()+SaSecureUtil.md5(user.getSalt())); if(!user.getPassword().equals(password)){ throw new Exception(＂账号密码错误＂); }
新建菜单Controller@RestController @RequestMapping(＂/system/menu＂) public class SysMenuController { // 创建几个静态路由 @GetMapping(＂/my＂) public SaResult my(){ Map data = new HashMap<>(); List menu = new ArrayList<>(); List permissions = new ArrayList<>(); 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); SysMenuDTO menuitem = new SysMenuDTO(＂home＂,＂/home＂,＂home＂,＂首页＂,＂el-icon-eleme-filled＂,＂menu＂,null); List childrens = new ArrayList<>(); childrens.add(new SysMenuDTO(＂dashboard＂,＂/dashboard＂,＂home＂,＂控制台＂,＂el-icon-menu＂,＂menu＂,true)); childrens.add(new SysMenuDTO(＂userCenter＂,＂/userCenter＂,＂userCenter＂,＂个人信息＂,＂el-icon-user＂,＂menu＂,null)); menuitem.setChildren(childrens); menu.add(menuitem); menuitem = new SysMenuDTO(＂setting＂,＂/setting＂,＂setting/system＂,＂配置＂,＂el-icon-setting＂,＂menu＂,null); childrens = new ArrayList<>(); childrens.add(new SysMenuDTO(＂settingMenu＂,＂/setting/menu＂,＂setting/menu＂,＂菜单管理＂,＂el-icon-fold＂,＂menu＂,null)); menuitem.setChildren(childrens); menu.add(menuitem); data.put(＂menu＂,menu); return SaResult.data(data); } }
重启登录
获取到的菜单
OK，接下来从完善菜单管理开始逐步写。
