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

最新推荐文章于 2024-10-08 09:28:23 发布
最新推荐文章于 2024-10-08 09:28:23 发布
阅读量9.4k 收藏 65
点赞数 34
分类专栏： 瑞吉外卖 文章标签： java git 前端框架 后端 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/eadzsdad/article/details/124209429
版权

业务开发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. 根据产品原型明确业务需求
  2. 重点分析数据的流转过程和数据格式
  3. 通过debug断点调试跟踪程序执行过程

业务开发Day2-11-员工信息分页查询_需求分析

需求分析

系统中的员工很多的时候，如果在一个页面中全部展示出来会显得比较乱，不便于查看，所以一般的系统中都会以分页的方式来展示列表数据。

业务开发Day2-12-员工信息分页查询_梳理程序执行流程

程序执行流程

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

  1. 页面发送ajax请求，将分页查询参数(page、pageSize、name)提交到服务端
  2. 服务端Controller接收页面提交的数据并调用Service查询数据
  3. Service调用Mapper操作数据库，查询分页数据
  4. Controller将查询到的分页数据响应给页面
  5. 页面接收到分页数据并通过ElementUI的Table组件展示到页面上

业务开发Day2-13-员工信息分页查询_代码开发1

配置MP分页插件

package com.itzq.reggie.config;

import com.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor;
import com.baomidou.mybatisplus.extension.plugins.inner.PaginationInnerInterceptor;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

/**
 * 配置MP的分页插件
 */
@Configuration
public class MybatisPlusConfig {

    @Bean
    public MybatisPlusInterceptor mybatisPlusInterceptor(){
        MybatisPlusInterceptor mybatisPlusInterceptor = new MybatisPlusInterceptor();
        mybatisPlusInterceptor.addInnerInterceptor(new PaginationInnerInterceptor());
        return mybatisPlusInterceptor;
    }
}

分析前端代码

返回值携带records和total
在这里插入图片描述
点击员工管理，前端页面发送的请求
在这里插入图片描述
在搜索框中输入员工姓名，前端页面发送的请求
在这里插入图片描述

相关代码

在EmployeeController类中，编写page方法

    @GetMapping("/page")
    public R<Page> page(int page,int pageSize,int name){
        log.info("page = {}, pageSize = {}, name = {}",page,pageSize,name);
        return null;
    }

点击员工管理，控制台输出的数据
在这里插入图片描述
在搜索框中添加数据，点击搜索，控制台输出的数据
在这里插入图片描述

业务开发Day2-14-员工信息分页查询_代码开发2

代码中添加功能

在page方法中添加代码实现分页查询功能

	@GetMapping("/page")
    public R<Page> page(int page,int pageSize,String name){
        log.info("page = {}, pageSize = {}, name = {}",page,pageSize,name);

        //构造分页构造器
        Page pageInfo = new Page(page, pageSize);

        //构造条件构造器
        LambdaQueryWrapper<Employee> queryWrapper = new LambdaQueryWrapper<>();

        //添加过滤条件
        queryWrapper.like(StringUtils.isNotEmpty(name),Employee::getName,name);

        //添加排序添加
        queryWrapper.orderByDesc(Employee::getUpdateTime);

        //执行查询
        employeeService.page(pageInfo,queryWrapper);

        return R.success(pageInfo);
    }

业务开发Day2-15-员工信息分页查询_功能测试

测试

  1. 启动项目
  2. 登录管理界面 http://localhost:8080/backend/page/login/login.html
  3. 将会呈现以下界面
    在这里插入图片描述
    搜索框中输入：张
    在这里插入图片描述
    因为数据量有限，所以修改前端代码为每页两条数据，共两页
    在list.html修改前端代码
    在这里插入图片描述
    刷新后的页面
    在这里插入图片描述

业务开发Day2-16-员工信息分页查询_补充说明

说明

为什么后端传给页面的status数据为Integer类型，到页面展示效果的时候显示的是已禁用或者正常？
请添加图片描述
查看到前端list.html页面中的逻辑代码
请添加图片描述
由以上前端代码所表示的逻辑可知，当status为1时表示正常，为0时表示已禁用
请添加图片描述

业务开发Day2-17-启用、禁用员工账号_需求分析

需求分析

  1. 在员工管理列表页面，可以对某个员工账号进行启用或者禁用操作。账号禁用的员工不能登录系统，启用后的员工可以正常登录。
  2. 需要注意，只有管理员（admin用户）可以对其他普通用户进行启用、禁用操作，所以普通用户登录系统后启用、禁用按钮不显示。
  3. 管理员admin登录系统可以对所有员工账号进行启用、禁用操作。
  4. 如果某个员工账号状态为正常，则按钮显示为“禁用”，如果员工账号状态为已禁用，则按钮显示为“启用”
    在这里插入图片描述

业务开发Day2-18-启用、禁用员工账号_分析页面按钮动态显示效果

分析

页面中是怎样做到只有管理员（admin）才能看到启用，禁用按钮？

  • 非管理员看不见该按钮
    在这里插入图片描述
    从userInfo中取出username，并赋值给user模型数据
    在这里插入图片描述
    判断模型数据user的值是否等于admin，若等于则显示按钮
    在这里插入图片描述

业务开发Day2-19-启用、禁用员工账号_分析页面ajax请求发送过程

分析

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

  1. 页面发送ajax请求，将参数(id、status)提交到服务端
  2. 服务端Controller接收页面提交的数据并调用Service更新数据
  3. Service调用Mapper操作数据库

点击禁用或启用按钮会调用以下方法，该方法会调用enable0rDisableEmployee方法，该方法封装到一个js文件当中，来发送ajax请求
请添加图片描述
enable0rDisableEmployee方法
在这里插入图片描述

业务开发Day2-20-启用、禁用员工账号_代码开发和功能测试

代码开发和功能测试

启用、禁用员工账号，本质上就是一个更新操作，也就是对status状态字段进行操作在Controller中创建update方法，此方法是一个通用的修改员工信息的方法

在EmployeeController类中添加update方法

@PutMapping
    public R<String> update(@RequestBody Employee employee){
        log.info(employee.toString());
        return null;
    }

启动项目，控制台上输出日志信息请添加图片描述
测试成功

完善update方法的代码逻辑

    @PutMapping
    public R<String> update(HttpServletRequest request, @RequestBody Employee employee){
        log.info(employee.toString());

        Long empID = (Long)request.getSession().getAttribute("employee");
        employee.setUpdateTime(LocalDateTime.now());
        employee.setUpdateUser(empID);
        employeeService.updateById(employee);
        return R.success("员工修改信息成功");
    }

重启项目，点击禁用账号为zhangsi的信息员工信息
请添加图片描述
页面提示
请添加图片描述
查看数据表中的信息，发现status字段的值并没有发生改变
请添加图片描述
测试过程中没有报错，但是功能并没有实现，查看数据库中的数据也没有变化。观察控制台输出的SQL
在这里插入图片描述
SQL执行的结果是更新的数据行数为0，仔细观察id的值，和数据库中对应记录的id值并不相同

问题的原因：

  • 即js对long型数据进行处理时丢失精度，导致提交的id和数据库中的id不一致。
    如何解决这个问题?
  • 我们可以在服务端给页面响应json数据时进行处理，将long型数据统一转为String字符串

业务开发Day2-21-启用、禁用员工账号_代码修复配置状态转换器

配置状态转换器

具体实现步骤:

  1. 提供对象转换器Jackson0bjectMapper，基于Jackson进行Java对象到json数据的转换（资料中已经提供，直接复制到项目中使用)
  2. 在WebMcConfig配置类中扩展Spring mvc的消息转换器，在此消息转换器中使用提供的对象转换器进行Java对象到json数据的转换

配置对象映射器JacksonObjectMapper ，继承ObjectMapper

package com.itzq.reggie.common;

import com.fasterxml.jackson.databind.DeserializationFeature;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.module.SimpleModule;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
import com.fasterxml.jackson.datatype.jsr310.deser.LocalDateDeserializer;
import com.fasterxml.jackson.datatype.jsr310.deser.LocalDateTimeDeserializer;
import com.fasterxml.jackson.datatype.jsr310.deser.LocalTimeDeserializer;
import com.fasterxml.jackson.datatype.jsr310.ser.LocalDateSerializer;
import com.fasterxml.jackson.datatype.jsr310.ser.LocalDateTimeSerializer;
import com.fasterxml.jackson.datatype.jsr310.ser.LocalTimeSerializer;
import java.math.BigInteger;
import java.time.LocalDate;
import java.time.LocalDateTime;
import java.time.LocalTime;
import java.time.format.DateTimeFormatter;
import static com.fasterxml.jackson.databind.DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES;

/**
 * 对象映射器:基于jackson将Java对象转为json，或者将json转为Java对象
 * 将JSON解析为Java对象的过程称为 [从JSON反序列化Java对象]
 * 从Java对象生成JSON的过程称为 [序列化Java对象到JSON]
 */
public class JacksonObjectMapper extends ObjectMapper {

    public static final String DEFAULT_DATE_FORMAT = "yyyy-MM-dd";
    public static final String DEFAULT_DATE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss";
    public static final String DEFAULT_TIME_FORMAT = "HH:mm:ss";

    public JacksonObjectMapper() {
        super();
        //收到未知属性时不报异常
        this.configure(FAIL_ON_UNKNOWN_PROPERTIES, false);

        //反序列化时，属性不存在的兼容处理
        this.getDeserializationConfig().withoutFeatures(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES);


        SimpleModule simpleModule = new SimpleModule()
                .addDeserializer(LocalDateTime.class, new LocalDateTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))
                .addDeserializer(LocalDate.class, new LocalDateDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))
                .addDeserializer(LocalTime.class, new LocalTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)))

                .addSerializer(BigInteger.class, ToStringSerializer.instance)
                .addSerializer(Long.class, ToStringSerializer.instance)
                .addSerializer(LocalDateTime.class, new LocalDateTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))
                .addSerializer(LocalDate.class, new LocalDateSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))
                .addSerializer(LocalTime.class, new LocalTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)));

        //注册功能模块 例如，可以添加自定义序列化器和反序列化器
        this.registerModule(simpleModule);
    }
}

扩展mvc框架的消息转换器

/**
     * 扩展mvc框架的消息转换器
     * @param converters
     */
    @Override
    protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) {

        //创建消息转换器对象
        MappingJackson2HttpMessageConverter messageConverter = new MappingJackson2HttpMessageConverter();
        //设置对象转化器，底层使用jackson将java对象转为json
        messageConverter.setObjectMapper(new JacksonObjectMapper());
        //将上面的消息转换器对象追加到mvc框架的转换器集合当中(index设置为0，表示设置在第一个位置，避免被其它转换器接收，从而达不到想要的功能)
        converters.add(0,messageConverter);

    }

业务开发Day2-22-启用、禁用员工账号_再次测试

测试

启动项目，点击禁用张四
在这里插入图片描述
数据库中的status字段数据发生了改变，即成功
请添加图片描述

业务开发Day2-23-编辑员工信息_需求分析和梳理程序执行流程

需求分析

在员工管理列表页面点击编辑按钮，跳转到编辑页面，在编辑页面回显员工信息并进行修改，最后点击保存按钮完成编辑操作
在这里插入图片描述

流程

在开发代码之前需要梳理一下操作过程和对应的程序的执行流程:

  1. 点击编辑按钮时，页面跳转到add.html，并在url中携带参数[员工id]
  2. 在add.html页面获取url中的参数[员工id]
  3. 发送ajax请求，请求服务端，同时提交员工id参数
  4. 服务端接收请求，根据员工id查询员工信息，将员工信息以json形式响应给页面
  5. 页面接收服务端响应的json数据，通过VUE的数据绑定进行员工信息回显
  6. 点击保存按钮，发送ajax请求，将页面中的员工信息以json方式提交给服务端
  7. 服务端接收员工信息，并进行处理，完成后给页面响应
  8. 页面接收到服务端响应信息后进行相应处理

业务开发Day2-24-编辑员工信息_页面效果分析和代码开发

页面分析

调用requestUrlParam方法获取id的值
在这里插入图片描述
requestUrlParam方法的具体实现
在这里插入图片描述
取出浏览器中id值，前端调用queryEmployeeById方法，向服务器发送ajax请求，查询包含该id的所有信息，若code为1，则表示在数据库中查询到该id所包含的员工信息，反之则为null
在这里插入图片描述

代码开发

在EmployeeController类中添加方法getById

    @GetMapping("/{id}")
    public R<Employee> getById(@PathVariable Long id){

        log.info("根据id查询员工信息。。。");
        Employee employee = employeeService.getById(id);
        if (employee != null){
            return R.success(employee);
        }
        return R.error("没有查询到该员工信息");
    }

业务开发Day2-25-编辑员工信息_功能测试

测试

启动项目，点击任意一个员工的编辑按钮，按住f12，观察浏览器发送的请求
在这里插入图片描述
页面数据回显成功
在这里插入图片描述
对性别（radio）的简单处理
因为在页面上的显示效果为男、女，而服务端传递过来的数据为1、0所以我们要将数据进行简单的处理
在这里插入图片描述

BlaCloud
关注
专栏目录
项目实战（一） 瑞吉外卖
duanmy的博客
09-05 2252
项目实战
瑞吉外卖项目——瑞吉外卖
jihuaTEL的博客
04-19 2057
软件开发整体介绍 软件开发流程 需求分析：产品原型、需求规格说明书 设计：产品文档、UI界面设计、概要设计、详细设计、数据库设计 编码：项目代码、单元测试 测试：测试用例、测试报告 上线运维：软件环境安装、配置 角色分工 项目经理：对整个项目负责，任务分配、把控进度 产品经理：进行需求调研，输出需求调研文档、产品原型等 UI设计师：根据产品原型输出界面效果图 架构师：项目整体架构设计、技术选型等 开发工程师：代码实现 测试工程师：编写测试用例，输出测试报告
[瑞吉外卖]01-项目搭建
最新发布
.
10-08 855
本项目(瑞吉外卖)是专门为餐饮企业(餐厅、饭店)定制的一款软件产品，包括系统管理后台和移动端应用两部分其中系统管理后台主要提供给餐饮企业内部员工使用，可以对餐厅的菜品、套餐、订单等进行管理维护。移动端应用主要提供给消费者使用，可以在线浏览菜品、添加购物车、下单等。本项目共分为3期进行开发第一期主要实现基本需求，其中移动端应用通过H5实现，用户可以通过手机浏览器访问。第二期主要针对移动端应用进行改进，使用微信小程序实现，用户使用起来更加方便。第三期主要针对系统进行优化升级，提高系统的访问性能。
基于springboot+vue实现外卖点餐系统
BS009的博客
11-26 5917
关于本项目的技术选型, 我们将会从 用户层、网关层、应用层、数据层 这几个方面进行介绍，而对于我们服务端开发工程师来说，在项目开发过程中，我们主要关注应用层及数据层技术的应用。
瑞吉外卖（一）
weixin_62331017的博客
03-05 185
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yZ7OgKfs-1678022008735)(data:image/gif;
42-瑞吉外卖（SpingBoot+MyBatisPlus）
cygqtt的博客
09-24 725
笔记内容来自黑马程序员视频内容 03. 导入静态资源 ④：后台登录功能开发 01. 需求分析 (http://localhost:8080/backend/page/login/login.html) 02. 代码开发（Controller，Service，Mapper、实体类） (e
瑞吉外卖-Day01
m0_59281987的博客
07-04 2227
作为一名软件开发工程师,我们需要了解在软件开发过程中的开发流程， 以及软件开发过程中涉及到的岗位角色，角色的分工、职责， 并了解软件开发中涉及到的三种软件环境。那么这一小节，我们将从 软件开发流程、角色分工、软件环境 三个方面，来整体上介绍一下软件开发。在开发瑞吉外卖这个项目之前，我们需要全方位的来介绍一下当前我们学习的这个项目。接下来，我们将从以下的五个方面， 来介绍瑞吉外卖这个项目。本项目（瑞吉外卖）是专门为餐饮企业（餐厅、饭店）定制的一款软件产品，包括 系统管理后台 和 移动端应用 两部分。
5W字详细-瑞吉外卖-功能开发以及拓展功能
06-07
详细讲解瑞吉外卖的开发过程，并提供不同的实现方式
瑞吉外卖-Day01.md
03-30
瑞吉外卖-Day01.md
瑞吉外卖-Day04-qa.md
07-22
瑞吉外卖-Day04-qa.md
软件资源-瑞吉外卖，软件资源-瑞吉外卖
08-04
软件资源----瑞吉外卖
瑞吉外卖-不同发送请求下的不同接收
09-19
瑞吉外卖-不同发送请求下的不同接收 在本节中，我们将深入探讨瑞吉外卖系统中不同发送请求下的不同接收机制。瑞吉外卖系统是一个基于Java语言的Web应用程序，使用Spring Boot框架作为基础架构。我们将从不同的角度...
瑞吉外卖-第五章-qa.md
10-28
瑞吉外卖-第五章-qa.md
瑞吉外卖源码及工程项目全套+内容优化（vue+springboot+redis+mybatis-plus）
10-08
基于Web开发的在线外卖平台。该系统使用SpringBoot作为后端框架，Vue作为前端框架，实现了用户登录、订单管理、商家管理等功能。适合于学过SpringBoot+vue,会用Redis的人群（大三、大四）。 优化：黑马视频中不曾...
【瑞吉外卖】SpringBoot使用邮件发送短信验证码--完善用户登录功能
06-24
这个示例是基于“瑞吉外卖”项目，由黑马程序员提供，通过集成SpringBoot的`spring-boot-starter-mail`依赖来实现这一功能。 首先，我们需要在项目的`pom.xml`文件中添加SpringBoot的邮件服务依赖： ```xml ...
瑞吉外卖-登录时报错：接口404异常
jsjsjejsj的博客
08-22 385
出现“系统接口404异常”的弹窗，同时一直显示登录中，而无法跳转到后台页面。
瑞吉外卖整理
weixin_45430847的博客
09-26 690
【代码】瑞吉外卖整理。
瑞吉外卖总结
chengwenkai1的博客
11-15 973
随着我国城镇和农村居民生活水平达到富裕和小康层次，消费在国民经济活动中的比重逐步加大，居民的餐饮消费逐渐从一日三餐的刚需升级到感受餐饮文化以及社交的重要方式，近年来我国餐饮业销售收入逐年攀升，2019年中国餐饮收入达4.67万亿元，较2018年增加了0.40万亿元，同比增长9.38%，受新冠肺炎疫情影响，2020年中国餐饮收入大幅下滑，随着国内疫情的有效控制，中国餐饮市场也逐渐复苏，2021年中国餐饮收入完成4.69万亿元，较2020年增加了0.74万亿元，同比增长18.64%。最后刷新，关闭两个流。
瑞吉外卖项目（一）软件开发流程设计及环境搭建
缘昔的博客
05-05 3614
第一章 软件开发整体介绍 软件开发流程 软件开发流程 需求分析：产品原型、需求规格说明书 设计：产品文档，ui界面设计，概要设计，详细设计，数据库设计 编码：项目代码，单元测试 测试：测试用例，测试报告 上线运维：软件环境安装，配置 角色分工 项目经理：对整个项目负责、任务分配、把控进度 产品经理：进行需求调研，输出需求调研文档，产品原型等 ui设计师：根据产品原型输出界面效果图 架构师：项目整体架构设计、技术选型等 开发工程师：代码实现 测试工程师：编写测试用例，输出测试报告 运维工程师：软件环境搭
瑞吉外卖nginx笔记
08-10
很抱歉，根据提供的引用内容，没有找到关于"瑞吉外卖nginx笔记"的相关信息。请提供更具体的问题或者详细的信息，我将竭力为您提供帮助。123 #### 引用[.reference_title] - *1* *3* [瑞吉外卖笔记——第09讲Nginx](https://blog.csdn.net/weixin_47272508/article/details/125933279)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] - *2* [瑞吉外卖项目笔记+踩坑2——缓存、读写分离优化](https://blog.csdn.net/qq_40991313/article/details/126687859)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] [ .reference_list ]
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值