网络知识 娱乐 瑞吉外卖-全网最全笔记-Day02

瑞吉外卖-全网最全笔记-Day02

发布: 2023年2月14日 10:17:50

业务开发Day2-01-本章内容介绍

目录

在这里插入图片描述

针对员工这张表进行对数据的维护
在这里插入图片描述
点击添加员工后呈现的页面
在这里插入图片描述

在浏览器地址栏中输入地址：http://localhost:8080/backend/index.html ，在没有登录的情况下也可以进入管理界面，但最终我们想看到的效果是没有登录，就跳转到登录界面来，登录成功之后才能进入到管理界面
在这里插入图片描述

业务开发Day2-02-完善登录功能_问题分析并创建过滤器

问题分析

  • 前面我们已经完成了后台系统的员工登录功能开发，但是还存在一个问题:用户如果不登录，直接访问系统首页面，照样可以正常访问。
  • 这种设计并不合理，我们希望看到的效果应该是，只有登录成功后才可以访问系统中的页面，如果没有登录则跳转到登录页面。
  • 那么，具体应该怎么实现呢? 答案就是使用过滤器或者拦截器，在过滤器或者拦截器中判断用户是否已经完成登录，如果没有登录则跳转到登录页面。

代码实现

  1. 创建自定义过滤器LoginCheckFilter
package com.itzq.reggie.filter;

import lombok.extern.slf4j.Slf4j;

import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@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);
    }
}
  1. 在启动类上加入注解@ServletComponentScan
package com.itzq.reggie;

import lombok.extern.slf4j.Slf4j;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.web.servlet.ServletComponentScan;

@Slf4j
@SpringBootApplication
@ServletComponentScan
public class ReggieApplication {
    public static void main(String[] args) {
        SpringApplication.run(ReggieApplication.class,args);
        log.info("项目启动成功。。。");
    }
}
  1. 完善过滤器的处理逻辑
    完善过滤器内容在下一章节

测试

在浏览器上访问：http://localhost:8080/backend/index.html ，控制台的呈现
在这里插入图片描述

业务开发Day2-03-完善登录功能_代码开发

处理逻辑

  1. 获取本次请求的URI
  2. .判断本次请求是否需要处理
  3. 如果不需要处理，则直接放行
  4. 判断登录状态，如果已登录，则直接放行
  5. 如果未登录则返回未登录结果
    在这里插入图片描述

完善LoginCheckFilter过滤器代码

package com.itzq.reggie.filter;

import com.alibaba.fastjson.JSON;
import com.itzq.reggie.common.R;
import lombok.extern.slf4j.Slf4j;
import org.springframework.util.AntPathMatcher;

import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@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);
            return;
        }

        //4.判断登录状态，如果已登录，则直接放行
        if (request.getSession().getAttribute("employee") != null) {
            filterChain.doFilter(request,response);
            return;
        }

        //5.如果未登录则返回未登录结果,通过输出流方式向客户端页面响应数据
        response.getWriter().write(JSON.toJSONString(R.error("NOTLOGIN")));
        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;
    }
}

可以在index.html页面找到红方框下的信息
请添加图片描述
寻找到request.js代码中的响应拦截器部分

  1. 服务端若传递的code=0，msg=NOTLOGIN
  2. 则返回到登录页面
    请添加图片描述

业务开发Day2-04-完善登录功能_功能测试

在LoginCheckFilter类中加入日志

作用：方便观察

package com.itzq.reggie.filter;

import com.alibaba.fastjson.JSON;
import com.itzq.reggie.common.R;
import lombok.extern.slf4j.Slf4j;
import org.springframework.util.AntPathMatcher;

import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@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();
        log.info("拦截到的请求：{}",requestURI);

        //定义不需要处理的请求
        String[] urls = new String[]{
                "/employee/login",
                "/employee/logout",
                "/backend/**",
                "/front/**"
        };

        //2.判断本次请求是否需要处理
        boolean check = check(urls, requestURI);

        //3.如果不需要处理，则直接放行
        if (check) {
            log.info("本次请求：{}，不需要处理",requestURI);
            filterChain.doFilter(request,response);
            return;
        }

        //4.判断登录状态，如果已登录，则直接放行
        if (request.getSession().getAttribute("employee") != null) {
            log.info("用户已登录，用户id为：{}",request.getSession().getAttribute("employee"));
            filterChain.doFilter(request,response);
            return;
        }

        //5.如果未登录则返回未登录结果,通过输出流方式向客户端页面响应数据
        log.info("用户未登录");
        response.getWriter().write(JSON.toJSONString(R.error("NOTLOGIN")));
        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;
    }
}

测试

  1. 启动项目

  2. 在浏览器的地址栏中输入：http://localhost:8080/backend/index.html ，会发现跳转到了登录界面

  3. 控制台打印日志
    在这里插入图片描述

  4. 在浏览器的地址栏中输入：http://localhost:8080/backend/page/login/login.html ，点击登录

  5. 控制台打印日志
    在这里插入图片描述

业务开发Day2-05-新增员工_需求分析和数据模型

需求分析

  • 新增员工，其实就是将我们新增页面录入的员工数据插入到employee表。
    在这里插入图片描述

  • 需要注意，employee表中对username字段加入了唯一约束，因为username是员工的登录账号，必须是唯一的
    在这里插入图片描述

  • employee表中的status字段已经设置了默认值1，表示状态正常。
    在这里插入图片描述

业务开发Day2-06-新增员工_梳理程序执行流程

在开发代码之前，需要梳理一下整个程序的执行过程:

  1. 页面发送ajax请求，将新增员工页面中输入的数据以json的形式提交到服务端
  2. 服务端Controller接收页面提交的数据并调用Service将数据进行保存
  3. Service调用Mapper操作数据库，保存数据
    在这里插入图片描述
    在这里插入图片描述

前端js代码对页面进行校验（validate）
在这里插入图片描述

业务开发Day2-07-新增员工_代码开发和功能测试

代码开发和功能测试

在EmployeeController类中添加save方法用于将前端传来的json数据保存到数据库中

 @PostMapping
    public R<String> save(@RequestBody Employee employee){
        log.info("新增员工的信息：{}",employee.toString());
        return R.success("添加员工成功");
    }

启动项目后，输入员工信息，点击保存
请添加图片描述
保存后，可以看到控制台上打印的数据，表示可以接收到前端传递到服务端的数据
请添加图片描述

在save方法中新增业务逻辑类代码，实现将数据存入数据库操作

	@PostMapping
    public R<String> save(HttpServletRequest request, @RequestBody Employee employee){
        log.info("新增员工的信息：{}",employee.toString());
        //设置初始密码，需要进行md5加密
        employee.setPassword(DigestUtils.md5DigestAsHex("123456".getBytes()));

        employee.setCreateTime(LocalDateTime.now());
        employee.setUpdateTime(LocalDateTime.now());

        //强转为long类型
        Long empID = (Long)request.getSession().getAttribute("employee");

        employee.setCreateUser(empID);
        employee.setUpdateUser(empID);

        employeeService.save(employee);
        return R.success("添加员工成功");
    }

重启项目，查看employee表中的内容
请添加图片描述
输入信息，点击保存
请添加图片描述
再次查看employee表中数据库内容，发现新增加了我们添加的员工信息请添加图片描述
再次添加相同的username（员工账号）
请添加图片描述
出现异常，因为在上面已经说过username（员工账号）的索引类型为unique，所以不能添加数据库中已存在的username
请添加图片描述

业务开发Day2-08-新增员工_编写全局异常处理器

全局异常处理器

前面的程序还存在一个问题，就是当我们在新增员工时输入的账号已经存在，由于employee表中对该字段加入了唯一约束，此时程序会抛出异常:
java.sql. SQLIntegrityConstraintViolationException: Duplicate entry 'zhangsan’for key 'idx_username

此时需要我们的程序进行异常捕获，通常有两种处理方式:

  1. 在Controller方法中加入try、catch进行异常捕获
  2. 使用异常处理器进行全局异常捕获(推荐使用第二种方式)

在common包下，建立GlobalExceptionHandler类，并添加exceptionHandler方法用来捕获异常，并返回结果

package com.itzq.reggie.common;

import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ControllerAdvice;
import org.springframework.web.bind.annotation.ExceptionHandler;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

import java.sql.SQLIntegrityConstraintViolationException;

/**
 * 全局异常处理器
 */
@ControllerAdvice(annotations = {RestController.class, Controller.class})
@ResponseBody  //java对象转为json格式的数据
@Slf4j
public class GlobalExceptionHandler {

    @ExceptionHandler(SQLIntegrityConstraintViolationException.class)
    public R<String> exceptionHandler (SQLIntegrityConstraintViolationException exception){
        log.error(exception.getMessage());
        return R.error("failed");
    }
}

启动项目，输入数据库已存在的username员工信息请添加图片描述
页面上弹出方框中文字，表示方法成功执行请添加图片描述

业务开发Day2-09-新增员工_完善全局异常处理器并测试

完善全局异常处理器并测试

完善GlobalExceptionHandler类中的exceptionHandler方法

package com.itzq.reggie.common;

import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ControllerAdvice;
import org.springframework.web.bind.annotation.ExceptionHandler;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

import java.sql.SQLIntegrityConstraintViolationException;

/**
 * 全局异常处理器
 */
@ControllerAdvice(annotations = {RestController.class, Controller.class})
@ResponseBody  //java对象转为json格式的数据
@Slf4j
public class GlobalExceptionHandler {

    @ExceptionHandler(SQLIntegrityConstraintViolationException.class)
    public R<String> exceptionHandler (SQLIntegrityConstraintViolationException exception){
        log.error(exception.getMessage());
        if (exception.getMessage().contains("Duplicate entry")){
            String[] split = exception.getMessage().split(" ");
            String msg = split[2] + "已存在";
            return R.error(msg);
        }
        return R.error("unknown error");
    }
}

重启项目，输入数据库已存在的username员工信息
请添加图片描述
页面上弹出方框中文字，表示方法成功执行
请添加图片描述

业务开发Day2-10-新增员工_小节

总结

  1. 根据产品原型明确业务需

相关文章