二十三、SpringBoot + Jwt + Vue 权限管理系统 （4）

已于 2022-11-06 20:47:54 修改
阅读量934 收藏 1
点赞数
分类专栏： # 计算机（Java进阶）中级 进阶阶段 文章标签： spring boot vue.js mybatis
于 2022-11-06 01:20:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42171159/article/details/127676019
版权

🌻🌻 目录

后端开发开始了哦 🐄🐄

一、项目后端搭建

1.1 前言

  • 从零开始搭建一个项目骨架，最好选择合适熟悉的技术，并且在未来易拓展，适合微服务化体系等。所以一般以Springboot作为我们的框架基础，这是离不开的了。
  • 然后数据层，我们常用的是Mybatis，易上手，方便维护。但是单表操作比较困难，特别是添加字段或减少字段的时候，比较繁琐，所以这里我推荐使用Mybatis Plus（https://mp.baomidou.com/），为简化开发而生，只需简单配置，即可快速进行 CRUD 操作，从而节省大量时间。
  • 作为一个项目骨架，权限也是我们不能忽略的，所以我们使用security作为我们的权限控制和会话控制的框架。
  • 考虑到项目可能需要部署多台，一些需要共享的信息就保存在中间件中，Redis是现在主流的缓存中间件，也适合我们的项目。
  • 然后因为前后端分离，所以我们使用jwt作为我们用户身份凭证，并且session我们会禁用，这样以前传统项目使用的方式我们可能就不再适合使用，这点需要注意了。

ok，我们现在就开始搭建我们的项目脚手架！

技术栈：

  • SpringBoot
  • mybatis plus
  • spring security
  • lombok
  • redis
  • hibernate validatior
  • jwt

1.2 新建springboot项目，注意版本

这里，我们使用IDEA来开发我们项目，新建步骤比较简单。

开发工具与环境：

  • idea
  • mysql
  • jdk 8
  • maven3.3.9

项目创建步骤如下喽 👇🏾👇🏾，SpringBoot版本目前使用的是2.4.0版本

（1）
在这里插入图片描述

（2）

  • devtools：项目的热加载重启插件
  • lombok：简化代码的工具

在这里插入图片描述

（3）

在这里插入图片描述

（4）删掉自动生成没用的

在这里插入图片描述

（5) 2.4.0版本

在这里插入图片描述

二、整合mybatis plus，生成代码

  • 接下来，整合mybatis plus，让项目能完成基本的增删改查操作。
  • 步骤很简单：也可以去官网看看 MyBatis-Plus

2.1 导入jar包

pom中导入mybatis plus的jar包，因为后面会涉及到代码生成，所以我们还需要导入页面模板引擎，这里我们用的是freemarker。

在这里插入图片描述

<!--整合mybatis plus https://baomidou.com/-->
<dependency>
    <groupId>com.baomidou</groupId>
    <artifactId>mybatis-plus-boot-starter</artifactId>
    <version>3.4.1</version>
</dependency><!--mp代码生成器-->
<dependency>
    <groupId>com.baomidou</groupId>
    <artifactId>mybatis-plus-generator</artifactId>
    <version>3.4.1</version>
</dependency>
<dependency>
    <groupId>org.freemarker</groupId>
    <artifactId>freemarker</artifactId>
    <version>2.3.30</version>
</dependency>
<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <version>5.1.32</version>
</dependency>

2.2 去写配置文件

上面除了配置数据库的信息，还配置了myabtis plus的mapper的xml文件的扫描路径，这一步不要忘记了。然后因为前段默认是8080端口了，所以后端我们设置为8081端口，防止端口冲突。

在这里插入图片描述

application.yml

server:
  port: 8081
# DataSource Config
spring:
  datasource:
       driver-class-name: com.mysql.jdbc.Driver
       url: jdbc:mysql://localhost:3306/daniel-admin?useUnicode=true&useSSL=false&characterEncoding=utf8&serverTimezone=Asia/Shanghai
       username: root
       password: root
mybatis-plus:
  mapper-locations: classpath*:/mapper/**Mapper.xml

2.3 开启mapper接口扫描，添加分页、防全表更新插件

新建一个包(com.zql.config)：通过@mapperScan注解指定要变成实现类的接口所在的包，然后包下面的所有接口在编译之后都会生成相应的实现类。

com.zql.config.MybatisPlusConfig

MybatisPlusConfig.java

参考官网

在这里插入图片描述

在这里插入图片描述

package com.zql.config;

import com.baomidou.mybatisplus.annotation.DbType;
import com.baomidou.mybatisplus.autoconfigure.ConfigurationCustomizer;
import com.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor;
import com.baomidou.mybatisplus.extension.plugins.inner.BlockAttackInnerInterceptor;
import com.baomidou.mybatisplus.extension.plugins.inner.PaginationInnerInterceptor;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

/**
 * @Author:Daniel
 * @Version 1.0
 */
@Configuration
@MapperScan("com.zql.mapper")
public class MybatisPlusConfig {

    /* 新的分页插件,一缓和二缓遵循mybatis的规则,
     *  需要设置 MybatisConfiguration#useDeprecatedExecutor = false
     *  避免缓存出现问题(该属性会在旧插件移除后一同移除)
     */
    @Bean
    public MybatisPlusInterceptor mybatisPlusInterceptor() {
        MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();
        interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.MYSQL));
        // 防止全表更新和删除
        interceptor.addInnerInterceptor(new BlockAttackInnerInterceptor());
        return interceptor;
    }
    @Bean
    public ConfigurationCustomizer configurationCustomizer() {
        return configuration -> configuration.setUseDeprecatedExecutor(false);
    }
}

上面代码中，我们给Mybatis plus添加了2个拦截器，这是根据 mp官网配置的上面截图已显示：

PaginationInnerInterceptor：新的分页插件
BlockAttackInnerInterceptor：防止全表更新和删除

2.4 创建数据库和表

因为是后台管理系统的权限模块，所以我们需要考虑的表主要就几个：用户表(sys_user)、角色表(sys_role)、菜单权限表(sys_menu)、以及关联的用户角色中间表(sys_user_role）、菜单角色中间表(sys_role_menu)。就 5 个表，至于什么字段其实都很随意的，用户表里面除了用户名、密码字段必要，其他其实都随意，然后角色和菜单我们可以参考一下其他的系统、或者自己在做项目的过程中需要的时候在添加也行，反正重新生成代码也是非常简便的事情，综合考虑，数据库名称为 daniel-admin ，建表语句如下：

在这里插入图片描述

在这里插入图片描述

用户名/密码 admin/111111 test/1234567

SET FOREIGN_KEY_CHECKS=0;

-- ----------------------------
-- Table structure for sys_menu
-- ----------------------------
DROP TABLE IF EXISTS `sys_menu`;
CREATE TABLE `sys_menu` (
  `id` BIGINT(20) NOT NULL AUTO_INCREMENT,
  `parent_id` BIGINT(20) DEFAULT NULL COMMENT '父菜单ID，一级菜单为0',
  `name` VARCHAR(64) NOT NULL,
  `path` VARCHAR(255) DEFAULT NULL COMMENT '菜单URL',
  `perms` VARCHAR(255) DEFAULT NULL COMMENT '授权(多个用逗号分隔，如：user:list,user:create)',
  `component` VARCHAR(255) DEFAULT NULL,
  `type` INT(5) NOT NULL COMMENT '类型     0：目录   1：菜单   2：按钮',
  `icon` VARCHAR(32) DEFAULT NULL COMMENT '菜单图标',
  `orderNum` INT(11) DEFAULT NULL COMMENT '排序',
  `created` DATETIME NOT NULL,
  `updated` DATETIME DEFAULT NULL,
  `statu` INT(5) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `name` (`name`) USING BTREE
) ENGINE=INNODB AUTO_INCREMENT=20 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of sys_menu
-- ----------------------------
INSERT INTO `sys_menu` VALUES ('1', '0', '系统管理', '', 'sys:manage', '', '0', 'el-icon-s-operation', '1', '2022-01-15 18:58:18', '2022-01-15 18:58:20', '1');
INSERT INTO `sys_menu` VALUES ('2', '1', '用户管理', '/sys/users', 'sys:user:list', 'sys/User', '1', 'el-icon-s-custom', '1', '2022-01-15 19:03:45', '2022-01-15 19:03:48', '1');
INSERT INTO `sys_menu` VALUES ('3', '1', '角色管理', '/sys/roles', 'sys:role:list', 'sys/Role', '1', 'el-icon-rank', '2', '2022-01-15 19:03:45', '2022-01-15 19:03:48', '1');
INSERT INTO `sys_menu` VALUES ('4', '1', '菜单管理', '/sys/menus', 'sys:menu:list', 'sys/Menu', '1', 'el-icon-menu', '3', '2022-01-15 19:03:45', '2022-01-15 19:03:48', '1');
INSERT INTO `sys_menu` VALUES ('5', '0', '系统工具', '', 'sys:tools', NULL, '0', 'el-icon-s-tools', '2', '2022-01-15 19:06:11', NULL, '1');
INSERT INTO `sys_menu` VALUES ('6', '5', '数字字典', '/sys/dicts', 'sys:dict:list', 'sys/Dict', '1', 'el-icon-s-order', '1', '2022-01-15 19:07:18', '2022-01-18 16:32:13', '1');
INSERT INTO `sys_menu` VALUES ('7', '3', '添加角色', '', 'sys:role:save', '', '2', '', '1', '2022-01-15 23:02:25', '2022-01-17 21:53:14', '0');
INSERT INTO `sys_menu` VALUES ('9', '2', '添加用户', NULL, 'sys:user:save', NULL, '2', NULL, '1', '2022-01-17 21:48:32', NULL, '1');
INSERT INTO `sys_menu` VALUES ('10', '2', '修改用户', NULL, 'sys:user:update', NULL, '2', NULL, '2', '2022-01-17 21:49:03', '2022-01-17 21:53:04', '1');
INSERT INTO `sys_menu` VALUES ('11', '2', '删除用户', NULL, 'sys:user:delete', NULL, '2', NULL, '3', '2022-01-17 21:49:21', NULL, '1');
INSERT INTO `sys_menu` VALUES ('12', '2', '分配角色', NULL, 'sys:user:role', NULL, '2', NULL, '4', '2022-01-17 21:49:58', NULL, '1');
INSERT INTO `sys_menu` VALUES ('13', '2', '重置密码', NULL, 'sys:user:repass', NULL, '2', NULL, '5', '2022-01-17 21:50:36', NULL, '1');
INSERT INTO `sys_menu` VALUES ('14', '3', '修改角色', NULL, 'sys:role:update', NULL, '2', NULL, '2', '2022-01-17 21:51:14', NULL, '1');
INSERT INTO `sys_menu` VALUES ('15', '3', '删除角色', NULL, 'sys:role:delete', NULL, '2', NULL, '3', '2022-01-17 21:51:39', NULL, '1');
INSERT INTO `sys_menu` VALUES ('16', '3', '分配权限', NULL, 'sys:role:perm', NULL, '2', NULL, '5', '2022-01-17 21:52:02', NULL, '1');
INSERT INTO `sys_menu` VALUES ('17', '4', '添加菜单', NULL, 'sys:menu:save', NULL, '2', NULL, '1', '2022-01-17 21:53:53', '2022-01-17 21:55:28', '1');
INSERT INTO `sys_menu` VALUES ('18', '4', '修改菜单', NULL, 'sys:menu:update', NULL, '2', NULL, '2', '2022-01-17 21:56:12', NULL, '1');
INSERT INTO `sys_menu` VALUES ('19', '4', '删除菜单', NULL, 'sys:menu:delete', NULL, '2', NULL, '3', '2022-01-17 21:56:36', NULL, '1');

-- ----------------------------
-- Table structure for sys_role
-- ----------------------------
DROP TABLE IF EXISTS `sys_role`;
CREATE TABLE `sys_role` (
  `id` BIGINT(20) NOT NULL AUTO_INCREMENT,
  `name` VARCHAR(64) NOT NULL,
  `code` VARCHAR(64) NOT NULL,
  `remark` VARCHAR(64) DEFAULT NULL COMMENT '备注',
  `created` DATETIME DEFAULT NULL,
  `updated` DATETIME DEFAULT NULL,
  `statu` INT(5) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `name` (`name`) USING BTREE,
  UNIQUE KEY `code` (`code`) USING BTREE
) ENGINE=INNODB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of sys_role
-- ----------------------------
INSERT INTO `sys_role` VALUES ('3', '普通用户', 'normal', '只有基本查看功能', '2022-01-04 10:09:14', '2022-01-30 08:19:52', '1');
INSERT INTO `sys_role` VALUES ('6', '超级管理员', 'admin', '系统默认最高权限，不可以编辑和任意修改', '2022-01-16 13:29:03', '2022-01-17 15:50:45', '1');

-- ----------------------------
-- Table structure for sys_role_menu
-- ----------------------------
DROP TABLE IF EXISTS `sys_role_menu`;
CREATE TABLE `sys_role_menu` (
  `id` BIGINT(20) NOT NULL AUTO_INCREMENT,
  `role_id` BIGINT(20) NOT NULL,
  `menu_id` BIGINT(20) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=INNODB AUTO_INCREMENT=102 DEFAULT CHARSET=utf8mb4;

-- ----------------------------
-- Records of sys_role_menu
-- ----------------------------
INSERT INTO `sys_role_menu` VALUES ('60', '6', '1');
INSERT INTO `sys_role_menu` VALUES ('61', '6', '2');
INSERT INTO `sys_role_menu` VALUES ('62', '6', '9');
INSERT INTO `sys_role_menu` VALUES ('63', '6', '10');
INSERT INTO `sys_role_menu` VALUES ('64', '6', '11');
INSERT INTO `sys_role_menu` VALUES ('65', '6', '12');
INSERT INTO `sys_role_menu` VALUES ('66', '6', '13');
INSERT INTO `sys_role_menu` VALUES ('67', '6', '3');
INSERT INTO `sys_role_menu` VALUES ('68', '6', '7');
INSERT INTO `sys_role_menu` VALUES ('69', '6', '14');
INSERT INTO `sys_role_menu` VALUES ('70', '6', '15');
INSERT INTO `sys_role_menu` VALUES ('71', '6', '16');
INSERT INTO `sys_role_menu` VALUES ('72', '6', '4');
INSERT INTO `sys_role_menu` VALUES ('73', '6', '17');
INSERT INTO `sys_role_menu` VALUES ('74', '6', '18');
INSERT INTO `sys_role_menu` VALUES ('75', '6', '19');
INSERT INTO `sys_role_menu` VALUES ('76', '6', '5');
INSERT INTO `sys_role_menu` VALUES ('77', '6', '6');
INSERT INTO `sys_role_menu` VALUES ('96', '3', '1');
INSERT INTO `sys_role_menu` VALUES ('97', '3', '2');
INSERT INTO `sys_role_menu` VALUES ('98', '3', '3');
INSERT INTO `sys_role_menu` VALUES ('99', '3', '4');
INSERT INTO `sys_role_menu` VALUES ('100', '3', '5');
INSERT INTO `sys_role_menu` VALUES ('101', '3', '6');

-- ----------------------------
-- Table structure for sys_user
-- ----------------------------
DROP TABLE IF EXISTS `sys_user`;
CREATE TABLE `sys_user` (
  `id` BIGINT(20) NOT NULL AUTO_INCREMENT,
  `username` VARCHAR(64) DEFAULT NULL,
  `password` VARCHAR(64) DEFAULT NULL,
  `avatar` VARCHAR(255) DEFAULT NULL,
  `email` VARCHAR(64) DEFAULT NULL,
  `city` VARCHAR(64) DEFAULT NULL,
  `created` DATETIME DEFAULT NULL,
  `updated` DATETIME DEFAULT NULL,
  `last_login` DATETIME DEFAULT NULL,
  `statu` INT(5) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `UK_USERNAME` (`username`) USING BTREE
) ENGINE=INNODB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of sys_user
-- ----------------------------
INSERT INTO `sys_user` VALUES ('1', 'admin', '$2a$10$R7zegeWzOXPw871CmNuJ6upC0v8D373GuLuTw8jn6NET4BkPRZfgK', 'https://image-1300566513.cos.ap-guangzhou.myqcloud.com/upload/images/5a9f48118166308daba8b6da7e466aab.jpg', '123@qq.com', '广州', '2021-01-12 22:13:53', '2021-01-16 16:57:32', '2020-12-30 08:38:37', '1');
INSERT INTO `sys_user` VALUES ('2', 'test', '$2a$10$0ilP4ZD1kLugYwLCs4pmb.ZT9cFqzOZTNaMiHxrBnVIQUGUwEvBIO', 'https://image-1300566513.cos.ap-guangzhou.myqcloud.com/upload/images/5a9f48118166308daba8b6da7e466aab.jpg', 'test@qq.com', NULL, '2021-01-30 08:20:22', '2021-01-30 08:55:57', NULL, '1');

-- ----------------------------
-- Table structure for sys_user_role
-- ----------------------------
DROP TABLE IF EXISTS `sys_user_role`;
CREATE TABLE `sys_user_role` (
  `id` BIGINT(20) NOT NULL AUTO_INCREMENT,
  `user_id` BIGINT(20) NOT NULL,
  `role_id` BIGINT(20) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=INNODB AUTO_INCREMENT=14 DEFAULT CHARSET=utf8mb4;

-- ----------------------------
-- Records of sys_user_role
-- ----------------------------
INSERT INTO `sys_user_role` VALUES ('4', '1', '6');
INSERT INTO `sys_user_role` VALUES ('7', '1', '3');
INSERT INTO `sys_user_role` VALUES ('13', '2', '3');

2.5 代码生成

  1. 获取项目数据库所对应表和字段的信息
  2. 新建一个freemarker的页面模板 - SysUser.java.ftl - ${baseEntity}
  3. 提供相关需要进行渲染的动态数据 - BaseEntity、表字段、注释、baseEntity=SuperEntity
  4. 使用freemarker模板引擎进行渲染！ - SysUser.java
# 获取表
SELECT	*
FROM	
information_schema. TABLES
WHERE	
TABLE_SCHEMA = (SELECT DATABASE());


# 获取字段
SELECT	*
FROM	
information_schema. COLUMNS
WHERE	
TABLE_SCHEMA = (SELECT DATABASE())
AND TABLE_NAME = "sys_user";

在这里插入图片描述

(1)

有了数据库之后，那么现在就已经可以使用mybatis plus了，官方给我们提供了一个代码生成器，然后我写上自己的参数之后，就可以直接根据数据库表信息生成entity、service、mapper等接口和实现类。

com.zql.CodeGenerator

官网 MyBatis-Plus代码生成器

在这里插入图片描述

(2) CodeGenerator.java

在这里插入图片描述

package com.zql;

import com.baomidou.mybatisplus.core.exceptions.MybatisPlusException;
import com.baomidou.mybatisplus.core.toolkit.StringPool;
import com.baomidou.mybatisplus.core.toolkit.StringUtils;
import com.baomidou.mybatisplus.generator.AutoGenerator;
import com.baomidou.mybatisplus.generator.InjectionConfig;
import com.baomidou.mybatisplus.generator.config.*;
import com.baomidou.mybatisplus.generator.config.po.TableInfo;
import com.baomidou.mybatisplus.generator.config.rules.NamingStrategy;
import com.baomidou.mybatisplus.generator.engine.FreemarkerTemplateEngine;

import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;

/**
 * @Author:Daniel
 * @Version 1.0
 */
public class CodeGenerator {

    /**
     * <p>
     * 读取控制台内容
     * </p>
     */
    public static String scanner(String tip) {
        Scanner scanner = new Scanner(System.in);
        StringBuilder help = new StringBuilder();
        help.append("请输入" + tip + "：");
        System.out.println(help.toString());
        if (scanner.hasNext()) {
            String ipt = scanner.next();
            if (StringUtils.isNotBlank(ipt)) {
                return ipt;
            }
        }
        throw new MybatisPlusException("请输入正确的" + tip + "！");
    }

    public static void main(String[] args) {
        // 代码生成器
        AutoGenerator mpg = new AutoGenerator();

        // 全局配置
        GlobalConfig gc = new GlobalConfig();
        String projectPath = System.getProperty("user.dir");
        gc.setOutputDir(projectPath + "/src/main/java");
        gc.setAuthor("我的公众号：爪哇知识库");
        gc.setOpen(false);
        // gc.setSwagger2(true); 实体属性 Swagger2 注解
        gc.setServiceName("%sService");
        mpg.setGlobalConfig(gc);

        // 数据源配置
        DataSourceConfig dsc = new DataSourceConfig();
        dsc.setUrl("jdbc:mysql://localhost:3306/daniel-admin?useUnicode=true&useSSL=false&characterEncoding=utf8");
        // dsc.setSchemaName("public");
        dsc.setDriverName("com.mysql.jdbc.Driver");
        dsc.setUsername("root");
        dsc.setPassword("root");
        mpg.setDataSource(dsc);

        // 包配置
        PackageConfig pc = new PackageConfig();
       // pc.setModuleName(scanner("模块名"));
        pc.setParent("com.zql");
        mpg.setPackageInfo(pc);

        // 自定义配置
        InjectionConfig cfg = new InjectionConfig() {
            @Override
            public void initMap() {
                // to do nothing
            }
        };

        // 如果模板引擎是 freemarker
        String templatePath = "/templates/mapper.xml.ftl";
        // 如果模板引擎是 velocity
        // String templatePath = "/templates/mapper.xml.vm";

        // 自定义输出配置
        List<FileOutConfig> focList = new ArrayList<>();
        // 自定义配置会被优先输出
        focList.add(new FileOutConfig(templatePath) {
            @Override
            public String outputFile(TableInfo tableInfo) {
                // 自定义输出文件名 ， 如果你 Entity 设置了前后缀、此处注意 xml 的名称会跟着发生变化！！
                return projectPath + "/src/main/resources/mapper/" + pc.getModuleName()
                        + "/" + tableInfo.getEntityName() + "Mapper" + StringPool.DOT_XML;
            }
        });
        /*
        cfg.setFileCreate(new IFileCreate() {
            @Override
            public boolean isCreate(ConfigBuilder configBuilder, FileType fileType, String filePath) {
                // 判断自定义文件夹是否需要创建
                checkDir("调用默认方法创建的目录，自定义目录用");
                if (fileType == FileType.MAPPER) {
                    // 已经生成 mapper 文件判断存在，不想重新生成返回 false
                    return !new File(filePath).exists();
                }
                // 允许生成模板文件
                return true;
            }
        });
        */
        cfg.setFileOutConfigList(focList);
        mpg.setCfg(cfg);

        // 配置模板
        TemplateConfig templateConfig = new TemplateConfig();

        // 配置自定义输出模板
        //指定自定义模板路径，注意不要带上.ftl/.vm, 会根据使用的模板引擎自动识别
        // templateConfig.setEntity("templates/entity2.java");
        // templateConfig.setService();
        // templateConfig.setController();

        templateConfig.setXml(null);
        mpg.setTemplate(templateConfig);

        // 策略配置
        StrategyConfig strategy = new StrategyConfig();
        strategy.setNaming(NamingStrategy.underline_to_camel);
        strategy.setColumnNaming(NamingStrategy.underline_to_camel);
        strategy.setSuperEntityClass("BaseEntity");
        strategy.setEntityLombokModel(true);
        strategy.setRestControllerStyle(true);
        // 公共父类
        strategy.setSuperControllerClass("BaseController");
        // 写于父类中的公共字段
        strategy.setSuperEntityColumns("id","created","updated","statu");
        strategy.setInclude(scanner("表名，多个英文逗号分割").split(","));
        strategy.setControllerMappingHyphenStyle(true);
        strategy.setTablePrefix(pc.getModuleName() + "_");
        mpg.setStrategy(strategy);
        mpg.setTemplateEngine(new FreemarkerTemplateEngine());
        mpg.execute();
    }

}

(3) 运行生成， 控制台输入表名： sys_user,sys_role,sys_menu,sys_role_menu,sys_user_role

在这里插入图片描述

(4) 使用快捷键 Ctrl+Shift+f 删除多余的包 import.BaseController \ import.BaseEntity

在这里插入图片描述
在这里插入图片描述

(5) 如果mapper没有显示，且生成了，则刷新即可出现

在这里插入图片描述

(6) 然后创建 BaseController 和 BaseEntity

生成和创建如下图所示

在这里插入图片描述在这里插入图片描述

(7)

上面代码生成的过程中，我默认所有的实体类都继承BaseEntity，控制器都继承BaseController，所以在代码生成之前，最好先编写这两个基类：

  • com.zql.entity.BaseEntity
  • com.zql.controller.BaseController

BaseController.java

package com.zql.controller;

import org.springframework.beans.factory.annotation.Autowired;

import javax.servlet.http.HttpServletRequest;

/**
 * @Author:Daniel
 * @Version 1.0
 */
public class BaseController {   
    @Autowired   
    HttpServletRequest req;
}

(8)

这里有点需要注意，因为关联的用户角色中间表、菜单角色中间表我们是没有created等几个公共字段的，所以我们把这两个实体继承BaseEntity去掉👇🏾👇🏾：

在这里插入图片描述

package com.zql.entity;

import lombok.Data;
import lombok.EqualsAndHashCode;

/**
 * <p>
 * 
 * </p>
 *
 * @author Daniel
 * @since 2022-11-05
 */
@Data
//@EqualsAndHashCode(callSuper = true)
public class SysRoleMenu{

    private static final long serialVersionUID = 1L;

    private Long roleId;

    private Long menuId;
}

2.6 测试生成的代码

简洁！方便！经过上面的步骤，基本上我们已经把mybatis plus框架集成到项目中了，并且也生成了基本的代码，省了好多功夫。然后我们做个简单测试：

com.zql.controller.TestController

package com.zql.controller;

import com.zql.service.SysUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

/**
 * @Author:Daniel
 * @Version 1.0
 */

@RestController
public class TestController {

    @Autowired
    SysUserService sysUserService;

    @GetMapping("/test")
    public Object test(){

        return  sysUserService.list();
    }
}

测试显示 ： http://localhost:8081/test

在这里插入图片描述

调整浏览器显示如下，可在浏览器装个JsonView插件即可；

在这里插入图片描述
没有显示 id是因为公共部分需要我们手动去写

  • com.zql.entity.BaseEntity
package com.zql.entity;

import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableId;
import lombok.Data;

import java.io.Serializable;
import java.time.LocalDateTime;

/**
 * @Author:Daniel
 * @Version 1.0
 */
@Data
public class BaseEntity implements Serializable {

    @TableId(value = "id", type = IdType.AUTO)
    private Long id;
    private LocalDateTime created;
    private LocalDateTime updated;
    private Integer statu;
}

再次测试得：http://localhost:8081/test

在这里插入图片描述

三、结果封装

在这里插入图片描述

详细看下面 👇🏾👇🏾

因为是前后端分离的项目，所以我们有必要统一 一个结果返回封装类，这样前后端交互的时候有个统一的标准，约定结果返回的数据是正常的或者遇到异常了。

这里我们用到了一个Result的类，这个用于我们的异步统一返回的结果封装。一般来说，结果里面有几个要素必要的

  • 是否成功，可用code表示（如200表示成功，400表示异常）
  • 结果消息
  • 结果数据

所以可得到封装如下：

  1. 创建包 com.zql.common.lang 再创建封装类 Result.java

Result.java

package com.zql.common.lang;

import lombok.Data;

import java.io.Serializable;

/**
 * @Author:Daniel
 * @Version 1.0
 */
@Data
public class Result implements Serializable {

    private int code;
    private String msg;
    private Object data;

    public static Result succ(Object data){
        return succ(200,"操作成功",data);
    }

    public static Result succ(int code,String msg,Object data){

        Result r = new Result();

        r.setCode(code);
        r.setMsg(msg);
        r.setData(data);
        return  r;
    }

    public static Result fail(String msg,Object data){
        return succ(400,msg,null);
    }
    public static Result fail(int code,String msg,Object data){

        Result r = new Result();
        r.setCode(code);
        r.setMsg(msg);
        r.setData(data);
        return  r;
    }
}
  1. 测试：修改 TestController.java

在这里插入图片描述

package com.zql.controller;

import com.zql.common.lang.Result;
import com.zql.service.SysUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

/**
 * @Author:Daniel
 * @Version 1.0
 */

@RestController
public class TestController {

    @Autowired
    SysUserService sysUserService;

    @GetMapping("/test")
    public Result test(){

        return  Result.succ(sysUserService.list());
    }
}
  1. 运行主程序启动可以看如下所示：http://localhost:8081/test

在这里插入图片描述

注： 除了在结果封装类上的code可以体现数据是否正常，我们还可以通过http的状态码来体现访问是否遇到了异常，比如401表示五权限拒绝访问等，注意灵活使用。

四、全局异常处理

有时候不可避免服务器报错的情况，如果不配置异常处理机制，就会默认返回tomcat或者nginx的5XX页面，对普通用户来说，不太友好，用户也不懂什么情况。这时候需要我们程序员设计返回一个友好简单的格式给前端。

处理办法如下：通过使用@ControllerAdvice来进行统一异常处理，@ExceptionHandler(value = RuntimeException.class)来指定捕获的Exception各个类型异常 ，这个异常的处理，是全局的，所有类似的异常，都会跑到这个地方处理。

步骤二、定义全局异常处理，@ControllerAdvice表示定义全局控制器异常处理，@ExceptionHandler表示针对性异常处理，可对每种异常针对性处理。

  1. 创建,而后直接copy就可以 com.zql.common.exception.GlobalExceptionHandler

GlobalExceptionHandler.java

package com.zql.common.exception;

import com.zql.common.lang.Result;
import lombok.extern.slf4j.Slf4j;
import org.springframework.http.HttpStatus;
import org.springframework.validation.BindingResult;
import org.springframework.validation.ObjectError;
import org.springframework.web.bind.MethodArgumentNotValidException;
import org.springframework.web.bind.annotation.ExceptionHandler;
import org.springframework.web.bind.annotation.ResponseStatus;
import org.springframework.web.bind.annotation.RestControllerAdvice;

import java.nio.file.AccessDeniedException;


/**
 * @Author:Daniel
 * @Version 1.0
 * 全局异常处理
 */

@Slf4j
@RestControllerAdvice
class GlobalExceptionHandler {
  @ResponseStatus(HttpStatus.FORBIDDEN)
    @ExceptionHandler(value = AccessDeniedException.class)
    public Result handler(AccessDeniedException e) {
        log.info("security权限不足：----------------{}", e.getMessage());
        return Result.fail("权限不足");
    }

    @ResponseStatus(HttpStatus.BAD_REQUEST)
    @ExceptionHandler(value = MethodArgumentNotValidException.class)
    public Result handler(MethodArgumentNotValidException e) {
        log.info("实体校验异常：----------------{}", e.getMessage());
        BindingResult bindingResult = e.getBindingResult();
        ObjectError objectError = bindingResult.getAllErrors().stream().findFirst().get();
        return Result.fail(objectError.getDefaultMessage());
    }

    @ResponseStatus(HttpStatus.BAD_REQUEST)
    @ExceptionHandler(value = IllegalArgumentException.class)
    public Result handler(IllegalArgumentException e) {
        log.error("Assert异常：----------------{}", e.getMessage());
        return Result.fail(e.getMessage());
    }

    @ResponseStatus(HttpStatus.BAD_REQUEST)
    @ExceptionHandler(value = RuntimeException.class)
    public Result handler(RuntimeException e) {
    log.error("运行时异常：----------------{}", e);
    return Result.fail(e.getMessage());
    }
}
  1. 上面我们捕捉了几个异常：(权限和实体校验也可以放在后面遇到的时候再写也没啥咯🤣🤣)
  • ShiroException：shiro抛出的异常，比如没有权限，用户登录异常
  • IllegalArgumentException：处理Assert的异常
  • MethodArgumentNotValidException：处理实体校验的异常
  • RuntimeException：捕捉其他异常

当前后端源码即文章所有源码

Daniel521-Spark
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Springboot+Vue后台管理系统-简单的权限管理
m0_67390788的博客
03-05 1538
首先说一次下最简单的实现权限管理的方法，那就是在数据库中新增一个字段也就是role，然后设置0就是超级管理员1就是普通用户，然后前端我们在左侧导航栏这里这样写： 我们这里data里面传一个·user，然后在create方法里面做一个调取用户数据的方法然后后端相应写一个根据用户id查询的接口： 这里对应前端： request.get("/user/"+this.user.id) 就可以做到对于不同的用户实现不同的界面效果 总之就是在create方法里面增加： let userStr = sessionS
基于Springboot +Vue的权限管理系统.rar
05-11
主要包含前端+后端的一个权限管理系统 前端使用Hbuilderx运行+后端使用IDEA运行
权限管理系统【SpringBoot + Vue + SpringSecurity】
星海IT学习之路
08-01 2747
基于Springboot构建的前后端分离通用权限管理系统。 Spring Boot，MyBatis plus，Spring Security，Jwt，Redis，MySQL JavaScript，Axios，Vue，Element UI
springboot + VUE实现后台管理系统(集成JWT接口权限验证)
wwwzhouzy的专栏
08-07 827
源码地址：https://codechina.csdn.net/wwwzhouzy/vuespringboot 前端项目:smart-admin-web 后台项目:bootAdmin 一、用到的技术 1、前端 Vue + Vue-Router + Vuex + ViewUI + vue-enum +Axios View UI即为原先的 iView，从 2019 年 10 月起正式更名为 View UI,官网地址:https://www.iviewui.com/ 不过也可以使用VUE+elem.
Springboot + vue前后端分离后台管理系统(十三) -- 访问权限控制
qq_36700462的博客
07-20 653
前言 角色菜单可以控制侧边栏的显示，再细一点的粒度就是权限了，可以控制页面或接口是否可以访问。 实现 配置 ShiroConfig.java 开启权限注解切点扫描 @Configuration public class ShiroConfig { /** * 注入ShiroRealm,自定义的realm 后面的认证和授权全在这里编写 * @return */ @Bean public ShiroRealm shiroRealm() {
基于springcloud+springboot+vue搭建的权限管理系统
09-02
为了帮助企业方便快捷地管理商品信息的后台数据，开发了一个企业权限管理系统。该系统包括用户管理、角色管理、资源权限管理、基本数据管理模块;用户管理模块基于Spring Security的用户登录、退出操作，以及用户查询、添加、详情等操作；角色管理模块，通过权限关联与控制给用户赋予角色（管理员角色和普通用户角色）；资源权限管理模块给不同的角色关联不同的资源权限；基本数据的管理即可以对商品以及订单信息进行CRUD操作。
基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。
05-02
基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。 基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。 基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。 基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。 基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。 基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。 基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。 基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。 基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。 基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。 基于SpringBoot+vue的前后端分离权限管理系统，界面美观，代码简洁易读。 基于SpringBoot+vue的前后端分离权限管理系
vue+element+springboot+shiro权限控制
12-07
vue+element+springboot+shiro权限控制,mysql数据库 登录帐号/密码 admin:111111
SpringBoot+Vue前后端分离，使用SpringSecurity完美处理权限问题
10-12
转载他人 https://blog.csdn.net/u012702547/article/details/79010010 https://blog.csdn.net/u012702547/article/details/79019510
前后端分离(SpringBoot+Vue)-基础的权限管理系统
多味花生的博客
06-19 5031
前后端分离(SpringBoot+Vue)-基础的权限管理系统 简介 前端项目代码地址：前端代码 后端项目代码地址：后端代码 最后的附录记录了自己在开发过程遇到问题及实现、部分文件的介绍 采用前后端分离式开发的一个简单的，基础的后台权限管理系统，功能模块包括用户管理、角色管理、权限管理。 前端主要技术 vue + Element-ui + axios 后端主要技术 SpringCloud(Gateway、Feign) SpringCloudAlibaba(Nacos、Sentinel) S
springboot+shiro+boostrap+vue.js
09-28
此项目采用的是springboot+shiro+boostrap+vue.js 对于初学springboot,vue.js 的同学有很大的帮助，该项目采用的是maven 项目中有sql脚本，直接部署运行近可以跑起来了，登录用户名和密码都是admin
二十、SpringBoot + Jwt + Vue 权限管理系统（1）
Daniel的博客
10-29 1682
文章使用：前后端工具ideaIU-2018.2.5下载拓展使用：前端工具HBuilder下载前端使用工具VSCode下载对比参考 👉🏾👉🏾二、项目环境搭建安装成功测试 👇🏾👇🏾 安装参考 一、Node 的安装这就表示你已经安装成功啦，牛逼开始的第一步！2、接下来，我们安装vue的环境 出现的问题解决 👉🏾👉🏾七、使用vue ui命令没有反应3、从而跳转至vue可视化工具界面，创建vue-admin前端项目 注: 前提是idea中安装vue.js插件命令很简单： 然后我们打开
二十二、SpringBoot + Jwt + Vue 权限管理系统 （3）
Daniel的博客
11-03 906
一步一步来，不要急躁哦！！ 当时显示： 这个路由问题我提供两个解决方案：这里我们使用第二种解决方案，这类简单点，后续我们再开发页面的时候就不需要去改动路由，可以动态绑定。综上，我们把加载菜单数据这个动作放在router.js中。Router有个前缀拦截，就是在路由到页面之前我们可以做一些判断或者加载数据。src/router/index.js 这样我们才能绑定添加到路由。所以我会修改mock中的nav的数据成这样： 注意这两个的引入哦！ 最后效果如下： 上面做完之后，总还觉得少
Springboot+SpringSecurity+JWT +Vue实现前后端分离的登录 权限管理以及token管理
weixin_45529729的博客
03-06 3975
## 标题**Springboot+SpringSecurity+JWT +Vue实现前后端分离的登录 权限管理以及token管理** 前言 使用SpringSecurity+jwt组合对用户的权限以及token进行管理，用户在成功登陆后，会分发一个token令牌，如果没有将某个接口进行权限设置，那么访问该页面时需要带着token令牌进行访问，后端将会对token令牌进行校验，如果校验通过则可以对该接口进行请求。 整体思路： 1.导入springSecurity跟jwt的maven依赖 2.用户登录的实.
我写了一套SpringBoot+SpringSecurity+Vue权限系统 实战课程，免费分享给CSDN的朋友们
java1234的博客
10-08 6257
一套优秀的SpringBoot+SpringSecurity+Vue权限系统实战课程
前后端分离springboot+vue,实现shiro权限后端控制
weixin_44033661的博客
12-11 344
前后端分离springboot+vue,实现shiro权限后端控制
后端使用SpringBoot和Jwt工具与Redis数据库+前端Vue Element Admin实现用户携带token的登录功能案例
一枚程序员正在发芽中biubiu
09-19 2819
前端输入对应的用户信息 ,在用户输入邮箱后 点击发送按钮给邮箱发送验证码,拿取到验证填完之后,点击登录按钮给后端发送请求 ,后端接收到请求之后 ,第一步校验验证码,第二步校验用户名和密码是否正确,通过验证之后,表示登录成功,再给前端响应数据(之前返回的是登录用户,现在使用的是token,它是给返回的对象进行加密), 前端拿到后端响应的数据token, ,再次给后端发送请求,查询该用户的角色,前端拿取到用户的角色之后,根据角色的不同跳转到不同的页面;
鉴权管理系统（JWT技术架构）——SpringBoot2+Vue2（一定惊喜满满，万字长文）
最新发布
IT小辉同学
05-18 2894
愿梦想不被辜负，终将温柔回报！！！
完全开源的代码生成器之code-generator
沈光阳的博客
12-13 5657
code-generator是一个低代码平台, 可以解决90%单表增删改查工作量, 你可以通过自定义代码模板来生成适合自己的代码。目前该系统主要针对的是语言是java, 数据源是mysql(其他数据库待测试)，数据源支持mysql, oracle, dm, PostgreSql等数据库。支持vue前端吗?理论上只要你定义好了vue代码模板, 也是可以支持前端代码生成java8运行环境, 数据存储使用的是内嵌h2数据库(可切换到mysql)构建代码采用 maven3.8简介常用代码模板。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Daniel521-Spark

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值