从零开始码后台管理系统—权限表设计-广富强博客

前后台可以正式接通以后，我们就可以设计基础的几个数据库表了，菜单表、角色表、用户表、角色菜单表和用户角色表，有这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方便写实体类

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

新建用户相关类：

@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<SysUserEntity> {
}

public interface SysUserService extends IService<SysUserEntity> {
    
    SysUserEntity getUserByUserName(String username);
}


@Service("sysUserService")
public class SysUserServiceImpl extends ServiceImpl<SysUserMapper, SysUserEntity> implements SysUserService {
    @Override
    public SysUserEntity getUserByUserName(String username) {
        return this.baseMapper.selectOne(new LambdaQueryWrapper<SysUserEntity>()
                .eq(SysUserEntity::getUsername,username)
        );
    }
}

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

@RestController
@RequestMapping("/")
public class LoginController {
    @Autowired
    private LoginService loginService;

    @PostMapping("token")
    public SaResult doLogin(@RequestBody LoginForm form) throws Exception {

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

        return SaResult.data(data);
    }
}

public interface LoginService {
    Map<String, Object> login(LoginForm form) throws Exception;
}

@Service("loginService")
public class LoginServiceImpl implements LoginService {
    @Autowired
    private SysUserService userService;

    @Override
    public Map<String, Object> 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<String,Object> 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<String,Object> data = new HashMap<>();
        List<SysMenuDTO> menu = new ArrayList<>();
        List<String> 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<SysMenuDTO> 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，接下来从完善菜单管理开始逐步写。

免责声明：本平台仅供信息发布交流之途，请谨慎判断信息真伪。如遇虚假诈骗信息，请立即举报

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

用户表：

角色表：

用户角色表：

菜单表：

角色菜单表：

陈金凌：5大工具搭建独立站项目！（你用过几个）

数字化转型是什么？怎么做？（落地篇）

高并发，我把握不住啊！

3500字归纳总结！一名合格的软件测试工程师需要掌握的技能大全

转行数据分析，找不到工作怎么办?

如何搭建一个卖云主机的网站？

2022 程序员重要数字资产：WordPress 快速搭建个人独立网站

phpstudy搭建网站教程(phpstudy怎么安装源码)

搭建个人博客网站——2、更改数据库为mysql并连接数据库

asp.net课程网站系统VS开发sqlserver数据库web结构c#编程计算机网页源码项目