手把手撸管理后台系列3后端用户登入功能实现

写在前面

该项目前端使用的是vue实现,用到的模板是vue-admin-template,后端使用springboot+mybaits-plus等技术,数据库使用的是mysql,本系列文章目的在手把手的教读者构建一个前后端互通的后台管理项目。

本章我将手把手教大家搭建管理后台,用户登入服务的代码

1.代码生成器

在开发过程中为了免去我们繁重的频繁的去创建对应的目录与类的过程,我们可以使用MyBatis-Plus 的代码生成器。通过 AutoGenerator 可以快速生成 Entity、Mapper、Mapper XML、Service、Controller 等各个模块的代码,极大的提升了开发效率。

1.1什么是代码生成器

AutoGenerator 是 MyBatis-Plus 的代码生成器,通过 AutoGenerator 可以快速生成 Entity、Mapper、Mapper XML、Service、Controller 等各个模块的代码,极大的提升了开发效率。
特别说明:
自定义模板有哪些可用参数?Github (opens new window)AbstractTemplateEngine 类中方法 getObjectMap 返回 objectMap 的所有值都可用。

1.2使用步骤

添加对应的依赖

<dependency>
    <groupId>com.baomidou</groupId>
    <artifactId>mybatis-plus-generator</artifactId>
    <version>3.4.2</version>
</dependency>

导入模板引擎依赖

<dependency>
    <groupId>org.freemarker</groupId>
    <artifactId>freemarker</artifactId>
    <version>2.3.31</version>
</dependency>

创建代码生成器的类


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;

// 演示例子,执行 main 方法控制台输入模块表名回车自动生成对应项目目录中
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.isNotEmpty(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("D:\\SocialContact\\socialUser" + "/src/main/java");
//        gc.setOutputDir("D:\\test");
        gc.setAuthor("bozhiqiang");
        是否打开资源管理器
        gc.setOpen(false);
        // gc.setSwagger2(true); 实体属性 Swagger2 注解
        //service接口:置生成的service接口名首字母是为I   
        gc.setServiceName("%sService");
        mpg.setGlobalConfig(gc);

        // 数据源配置
        DataSourceConfig dsc = new DataSourceConfig();
        dsc.setUrl("jdbc:mysql://121.196.111.120:3306/tensquare_user?useUnicode=true&useSSL=false&characterEncoding=utf8&serverTimezone=UTC");
        // dsc.setSchemaName("public");
        dsc.setDriverName("com.mysql.cj.jdbc.Driver");
        dsc.setUsername("root");
        dsc.setPassword("123456");
        mpg.setDataSource(dsc);

        // 包配置
        PackageConfig pc = new PackageConfig();
        pc.setModuleName(null);
        pc.setParent("com.pjh");
        //设置实体类包名 可不设 默认entity
//        pc.setEntity("entity");
        //设置mapper包名 可不设 默认 mapper
//        pc.setMapper("mapper");
        //设置service 包名 可不设默认 service
//        pc.setService("service");
        //设置controller 包名 可不设默认 controller
//        pc.setController("controller")
        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/"
                        + "/" + tableInfo.getEntityName() + "Mapper" + StringPool.DOT_XML;
            }
        });

        cfg.setFileOutConfigList(focList);
        mpg.setCfg(cfg);

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

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

        // 策略配置
        StrategyConfig strategy = new StrategyConfig();
        //表映射实体---去除表前缀
        strategy.setNaming(NamingStrategy.underline_to_camel);
        //字段映射实体---去除下划线
        strategy.setColumnNaming(NamingStrategy.underline_to_camel);
        //实体类开启Lombok
        strategy.setEntityLombokModel(true);
        //控制层接口使用Rest
        strategy.setRestControllerStyle(true);
        //设置要映射的表名
        //String[] tableNames = {"表名1","表名2","","表名3","表名x"};
        //strategy.setInclude(tableNames);
        //  strategy.setInclude("blog_tags","course","links","sys_settings","user_record"," user_say"); // 设置要映射的表名
        strategy.setInclude(scanner("表名,多个英文逗号分割").split(","));
        strategy.setControllerMappingHyphenStyle(true);
        //去除表前缀
        strategy.setTablePrefix("m_");
        mpg.setStrategy(strategy);
        mpg.setTemplateEngine(new FreemarkerTemplateEngine());
        mpg.execute();
    }
}

1.3相关配置

  • 配置 GlobalConfig
GlobalConfig globalConfig = new GlobalConfig();
globalConfig.setOutputDir(System.getProperty("user.dir") + "/src/main/java");
globalConfig.setAuthor("jobob");
globalConfig.setOpen(false);
  • 配置 DataSourceConfig
DataSourceConfig dataSourceConfig = new DataSourceConfig();
dataSourceConfig.setUrl("jdbc:mysql://localhost:3306/ant?useUnicode=true&useSSL=false&characterEncoding=utf8");
dataSourceConfig.setDriverName("com.mysql.jdbc.Driver");
dataSourceConfig.setUsername("root");
dataSourceConfig.setPassword("password");

2.后台管理页面用户登入功能

在刚刚的父工程下新建一个模块,这里我命名为socialUser

然后使用代码生成器生成对应的初始化模块如下

v在这里插入图片描述

2.1需要导入的jar坐标

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>SocialContact</artifactId>
        <groupId>org.example</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>

    <artifactId>socialUser</artifactId>
    <dependencies>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatisplus-spring-boot-starter</artifactId>
            <version>${mybatisplus-spring-boot-starter.version}</version>
        </dependency>
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus</artifactId>
            <version>${mybatisplus.version}</version>
        </dependency>
        <dependency>
            <groupId>org.example</groupId>
            <artifactId>socialContactcommon</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId>

        </dependency>
    </dependencies>

</project>

2.2配置文件编写

server:
  port: 9006
spring:
  application:
    name: socialContactUser #指定服务名称
  datasource:
    url: jdbc:mysql://121.196.111.120:3306/tensquare_user?useUnicode=true&characterEncoding=utf8
    username: root
    password: 123456
    driver-class-name: com.mysql.cj.jdbc.Driver
# Mybatis-Plus 配置
mybatis-plus:
  #  mapper-locations: classpath:/mapper/*Mapper.xml
  #实体扫描,多个package用逗号或者分号分隔
  typeAliasesPackage: com.pjh.entity
  global-config:
    id-type: 1  #0:数据库ID自增   1:用户输入id
    db-column-underline: false
    refresh-mapper: true
    configuration:
      map-underscore-to-camel-case: true
      cache-enabled: true #配置的缓存的全局开关
      lazyLoadingEnabled: true #延时加载的开关
      multipleResultSetsEnabled: true #开启延时加载,否则按需加载属性
      log-impl: org.apache.ibatis.logging.stdout.StdOutImpl #打印sql语句,调试用
eureka:
  client:
    service-url:
      defaultZone: http://127.0.0.1:10086/eureka/  # 服务注册中心地址
    register-with-eureka: true  #是否将自己注册到服务注册中心
    fetch-registry: true        #是否拉取服务注册中心的服务

2.3具体功能实现

可以看到我们一共要编写三个方法,路径与请求方式要与前端的严格一致

在这里插入图片描述

package com.pjh.controller;


import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.pjh.entity.TbUser;
import com.pjh.service.TbUserService;
import com.socialContact.entity.Result;
import com.socialContact.entity.StatusCode;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import javax.print.DocFlavor;
import javax.servlet.http.HttpServletRequest;
import java.sql.Array;
import java.sql.Wrapper;
import java.util.HashMap;
import java.util.Map;
import java.util.Set;

/**
 * <p>
 * 用户 前端控制器
 * </p>
 *
 * @author bozhiqiang
 * @since 2021-05-08
 */
@RestController
@RequestMapping("/user")
public class TbUserController {
    @Autowired

    private TbUserService tbUserService;

    /*
    *
    * 登入功能
    * */

    @RequestMapping(value = "/login",method = RequestMethod.POST)

    public Result login(@RequestBody Map<String,Object> map){
        System.out.println("正在登入");

        /*编写条件判断的语句*/

        EntityWrapper<TbUser> wrapper = new EntityWrapper<>();
        wrapper.eq("nickname",map.get("username"));
        wrapper.eq("password",map.get("password"));

        /*查询数据*/

        TbUser tbUser = tbUserService.selectOne(wrapper);

        /*如果查询到用户则登入成功*/
        if (tbUser!=null){
            HashMap<String, String> resultMap = new HashMap<>();
            resultMap.put("token",tbUser.getId());
            return new Result( true,StatusCode.OK,"登入成功",resultMap);
        }else{
            return  new Result( false,StatusCode.LOGINERROR,"登入失败");
        }

    }


    /*
    *
    * 登出功能
    * */

    @RequestMapping(value = "/logout",method = RequestMethod.POST)

    public Result logout(){
        System.out.println("正在登出");
        return new Result(true,StatusCode.OK,"登出");
    }


    /*
    *
    * 获取用户消息功能
    * */

    @RequestMapping(value = "/info",method = RequestMethod.GET)

    public Result info(@RequestHeader("X-Token") String token) {
        System.out.println("令牌为:"+token);
        System.out.println("正在获取数据");
        HashMap<String, String> resultMap = new HashMap<>();
        /*从数据库中获取数据,后期可改为使用redis获取*/
        TbUser tbUser1 = tbUserService.selectById(token);
        resultMap.put("roles","admin");
        resultMap.put("role","admin");
        resultMap.put("name",tbUser1.getNickname());
        resultMap.put("avatar",tbUser1.getAvatar());
        TbUser tbUser = new TbUser();
        return new Result(true,StatusCode.OK,"返回用户信息",resultMap);
    }

}

3.与前端对接

1.将vue.config.js中的地址改为网关的默认地址

只要将vue.config.js中的地址改为网关的默认地址即可
在这里插入图片描述

2.启动网关,服务注册中心,user微服务

在这里插入图片描述

3.测试

3.1登入功能

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

3.2登出功能

在这里插入图片描述

到这里我们后台管理页面的登入功能就实现了,

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值