其他分享
首页 > 其他分享> > boot项目实战——环境搭建&登陆注销功能

boot项目实战——环境搭建&登陆注销功能

作者:互联网

day1-环境搭建&后台登陆

首先介绍下项目开发流程

image-20220517160047156

image-20220517160056252

以及所要应用到的技术

image-20220517160127114

创建数据库reggie以及一些表

image-20220517162220204

Maven环境搭建

搭建一个boot项目勾选MySQL,web

添加要用的依赖

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

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

<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>fastjson</artifactId>
    <version>1.2.76</version>
</dependency>

<dependency>
    <groupId>commons-lang</groupId>
    <artifactId>commons-lang</artifactId>
    <version>2.6</version>
</dependency>
<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>druid-spring-boot-starter</artifactId>
    <version>1.1.23</version>
</dependency>

配置文件设置(端口号以及MP自动生成配置)

server:
  port: 80
spring:
  application:
    #应用的名称,可选
    name: reggie_take_out
  datasource:
    druid:
      driver-class-name: com.mysql.cj.jdbc.Driver
      url: jdbc:mysql://localhost:3306/reggie?serverTimezone=Asia/Shanghai&useUnicode=true&characterEncoding=utf-8&zeroDateTimeBehavior=convertToNull&useSSL=false&allowPublicKeyRetrieval=true
      username: root
      password: 20001103
mybatis-plus:
  configuration:
    #在映射实体或者属性时,将数据库中表名和字段名中的下划线去掉,按照驼峰命名法映射
    map-underscore-to-camel-case: true
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
  global-config:
    db-config:
      id-type: ASSIGN_ID

导入前端页面以及配置拦截器(Springmvc的拦截器)

这里因为是boot项目,前端的页面默认是static/templates路径所以导入的页面不放在这两个路径是访问不到的,这就要去创建拦截器给静态资源放行

image-20220517171246095

image-20220517171335923

现在环境搭建就完成了

后台登录功能开发

使用了MP之后简单的mapper以及service就不用自己写了,我们只用完成controller就可以了

完成基础结构

image-20220517174327762

domain

//员工实体
@Data
public class Employee implements Serializable {
    private static final long serialVersionUID = 1L;

    private Long id;

    private String username;

    private String name;

    private String password;

    private String phone;

    private String sex;

    private String idNumber;//身份证号码

    private Integer status;

    private LocalDateTime createTime;

    private LocalDateTime updateTime;

    @TableField(fill = FieldFill.INSERT)
    private Long createUser;

    @TableField(fill = FieldFill.INSERT_UPDATE)
    private Long updateUser;
}

mapper(dao)

//这里使用了MP根据实体类创建,只用继承BaseMapper<T>类就好了
@Mapper
public interface EmployeeMapper extends BaseMapper<Employee> {
}

service

//同样使用了MP快速创建
public interface EmployeeService extends IService<Employee> {
}
--------------------------//实现类如下
    @Service
public class EmployeeImpl extends ServiceImpl<EmployeeMapper, Employee> implements EmployeeService{
}

Controller

@Slf4j
//        @ResponseBody+@Controller
@RestController
@RequestMapping("/employee")
public class EmployeeController {
    @Autowired
    private EmployeeService employeeService;
}

结果类书写

//创建通用实体类,用于封装数据

@Data
public class R<T> {

    private Integer code; //编码:1成功,0和其它数字为失败

    private String msg; //错误信息

    private T data; //数据

    private Map map = new HashMap(); //动态数据

    public static <T> R<T> success(T object) {
        R<T> r = new R<T>();
        r.data = object;
        r.code = 1;
        return r;
    }

    public static <T> R<T> error(String msg) {
        R r = new R();
        r.msg = msg;
        r.code = 0;
        return r;
    }

    public R<T> add(String key, Object value) {
        this.map.put(key, value);
        return this;
    }

}

登录功能书写

Controller层的书写要根据前端js中发送请求部分完成

image-20220517183805342

image-20220517183818319

发现登陆验证的请求是post请求,路径是login则完成方法

image-20220517184401195

这里呢因为密码会加密所以呢逻辑有点复杂和以前的登录比起来

    public R<Employee> login(HttpServletRequest request, @RequestBody Employee employee){
        //1、将页面提交的密码password进行md5加密处理(这里使用了spring提供的加密解密工具类)
        String password = employee.getPassword();
        password=DigestUtils.md5DigestAsHex(password.getBytes(StandardCharsets.UTF_8));
        //2、根据页面提交的用户名username查询数据库
        LambdaQueryWrapper<Employee> queryWrapper=new LambdaQueryWrapper<>();
        queryWrapper.eq(Employee::getUsername,employee.getUsername());
        Employee emp=employeeService.getOne(queryWrapper);
//3、如果没有查询到则返回登录失败结果
        if(emp==null){
            return R.error("用户不存在");
        }
//4、密码比对,如果不一致则返回登录失败结果
        if(!emp.getPassword().equals(password)){
            return R.error("密码错误");
        }
//5、查看员工状态,如果为已禁用状态,则返回员工已禁用结果
        if(emp.getStatus()==0){
            return R.error("账号已注销");
        }
//6、登录成功,将员工id存入Session并返回登录成功结果
        request.getSession().setAttribute("employee",emp.getId());
        return R.success(emp);

    }

退出功能书写

我们先去前端页面找对应的按键对应的方法

image-20220517192508560

image-20220517192610658

image-20220517193549917

image-20220517193625035

路径是logout,方式是post

image-20220517194109233

之前我们的登录逻辑成功后将用户id存入了session中

image-20220517194311444

现在将其取出

@PostMapping("/logout")
//返回Sting对象,因为退出不需要返回详细用户数据
public R<String> logout(HttpServletRequest request){
    //清除session中登录者保存的id
     request.getSession().removeAttribute("employee");
     //返回提示
    return R.success("退出成功");



}

设置登录 过滤器 | 拦截器

只有登录成功才能访问管理界面

image-20220517200002751

创建处理器,在执行类中开启扫描

image-20220517201445268

/*
* 检查用户是否完成登录
* */
@WebFilter(filterName = "loginCheckFilter",urlPatterns = "/*")
@Slf4j
public class LoginCheckFilter implements Filter {

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {

        HttpServletRequest request=(HttpServletRequest) servletRequest;
        HttpServletResponse response=(HttpServletResponse) servletResponse;
        log.info("拦截到请求:{}",request.getRequestURI());
        filterChain.doFilter(request,response);
    }
}

image-20220517201458316

完成过滤器逻辑

image-20220517201553549

前端代码写好了响应我们拦截器或者过滤器的js代码段

image-20220517203849182

这里因为我们要放行某个包下的所有路径要用到通配符,所以我们要添加路径匹配器

image-20220517204057667

最终过滤器完成如下

/*
* 检查用户是否完成登录
* */
@WebFilter(filterName = "loginCheckFilter",urlPatterns = "/*")
@Slf4j
public class LoginCheckFilter implements Filter {
    //路径匹配器,使得路径书写支持通配符
    public static final AntPathMatcher PATH_MATCHER=new AntPathMatcher();

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {

        HttpServletRequest request=(HttpServletRequest) servletRequest;
        HttpServletResponse response=(HttpServletResponse) servletResponse;
        //1、获取本次请求的URI
        String requestURI=request.getRequestURI();
        //设置要放行的路径
        String[] urls=new String[]{
                "/employee/login",
                "/employee/logout",
                "/backend/**",
                "/front/**"
        };
        //2、判断本次请求是否需要处理
        boolean check=check(urls,requestURI);


        //3、如果不需要处理,则直接放行
        if(check){
            filterChain.doFilter(request,response);
        }
        //4、判断登录状态,如果已登录,则直接放行
        Object employee = request.getSession().getAttribute("employee");
        if (employee!=null){
            filterChain.doFilter(request,response);
        }
        //5、如果未登录则返回未登录结果,通过输出流方式向客户端页面响应数据(前端代码写好了根据特定的输出流实现拦截器跳转页面)
        response.getWriter().write(JSON.toJSONString(R.error("NOTLOGIN")));
        return;


    }

    /**
     * 封装用于判断请求路径是否在放行路径里的方法
     * @param urls
     * @param requestURI
     * @return
     */
    public boolean check(String[] urls,String requestURI){
        for (String url:urls){
            boolean match = PATH_MATCHER.match(url, requestURI);
            if(match){
                return true;
            }
        }
        return false;
    }
}

标签:return,String,登录,request,boot,private,注销,public,搭建
来源: https://www.cnblogs.com/qwerty-wy/p/16282341.html