前后台可以正式接通以后,从零我们就可以设计基础的开始几个数据库表了,菜单表、码后角色表、台管统权用户表、理系角色菜单表和用户角色表,限表有这5个表我们就可以搞定用户权限。设计
因为要开始涉及数据库操作,从零每个表的开始单表操作我们都会创建Controller、亿华云Service、码后Entity、台管统权Mapper、理系MapperXML,限表我们先来新建数据库表结构,设计先建立最基础的从零表结构,后续有需要再完善,毕竟使用了MybatisPlus,改变结构之后只需要在实体类加属性就好了。b2b信息网
用户表: 复制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=用户账户;1.2.3.4.5.6.7.8.9.10.11.12. 角色表: 复制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=角色表;1.2.3.4.5.6.7.8.9.10.11. 用户角色表: 复制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=用户角色表;1.2.3.4.5. 菜单表: 复制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 b0 COMMENT 隐藏菜单,
`hidden_breadcrumb` bit(1) DEFAULT b0 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=菜单表;1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20. 角色菜单表: 复制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=角色菜单表;1.2.3.4.5.6.在用户表中插入超管账号:
复制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)1.引入Lombok方便写实体类
复制<dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <version>1.18.22</version></dependency>1.2.3.4.5.新建用户相关类:
复制@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;
}
@Mapperpublic interface SysUserMapper extends BaseMapper<SysUserEntity>{
}
public interface SysUserService extends IService<SysUserEntity>{
/** * 根据用户名获取用户信息 * @param username * @return */ SysUserEntity getUserByUserName(String username);
}
/** * @program:
* @description: 用户服务层 * @author:
* @create: 2022-01-27 16:58 **/@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)
);
}
}1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.32.33.34.35.36.37.38.39.40.41.42.43.44.45.46.47.48.49.50.51.修改完善部分登录服务代码:
复制@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;
}1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18. 复制@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;
}
}1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.32.33.重启项目调用登录,控制台输出一下内容
复制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)1.2.3.4.SaLog -->: 账号[admin]登录成功
整体登录流程就是这样了,继续完善。先确定密码加密方式:
复制md5(md5(password)+md5(salt))1.在测试类中生成密码存到数据库中
复制@Testpublic void createPass(){
System.out.println(SaSecureUtil.md5(SaSecureUtil.md5("admin")+SaSecureUtil.md5("20f883")));
}1.2.3.4.5.登录接口中密码已经在前端经过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("账号密码错误");
}1.2.3.4.5.6.7.8.9.10.新建菜单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);
}
}1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.32.33.34.35.36.37.重启登录

获取到的菜单
OK,接下来从完善菜单管理开始逐步写。
网站模板