• 瑞吉外卖 —— 5、菜品管理

    目录

    1、文件上传和下载

    1.1、文件上传介绍

    1.2、文件下载介绍

    1.3、文件上传实现

    1.3.1、分析 

    1.3.2、代码

    1.4、文件下载实现

    2、新增菜品

    2.1、分析

    2.1.1、需求分析

    2.1.2、数据模型给

    2.1.3、准备工作

    2.1.4、页面与服务端的交互过程

    2.1.5、前端代码分析

    2.2、代码

    2.2.1、获取菜品分类信息

    2.2.2、DishDTO

    2.2.3、保存页面发来的数据

    3、菜品信息分页查询

    3.1、分析

    3.1.1、需求分析

    3.1.2、页面与服务端的交互过程

    3.2、代码

    4、修改菜品

    4.1、分析

    4.1.1、需求分析

    4.1.2、页面与服务端的交互过程

    4.2、代码

    4.2.1、菜品信息回显

    4.2.2、修改商品实现

    5、菜品停售与起售(批量)

    5.1、分析

    5.2、代码

    6、(批量)删除

    6.1、分析

    6.2、代码

    6.2.1、添加逻辑删除注解

    1、文件上传和下载

    1.1、文件上传介绍

    1.2、文件下载介绍

    1.3、文件上传实现

    1.3.1、分析 

    将 upload.html 放在 backend/page/demo 目录下，上传图片的接口如下

    1.3.2、代码

    ① 将文件上传和下载页面取消检查登录：在 LoginCheckFilter 中将对应路径加入免查数组

    1.         // 定义不需要处理的请求路径
    2.         String[] urls = new String[]{
    3.                 "/employee/login",  // 登录请求
    4.                 "/employee/logout",  // 登出请求
    5.                 "/backend/**",       // 前端资源
    6.                 "/front/**",       // 前端资源
    7.                 "/common/**"        // 文件上传和下载
    8.                 //"/employee/page"       // 前端资源
    9.         };

    ② 在 application.yml 中设置文件存放位置

    1. reggie:
    2.   path: C:\Users\zhang\Desktop\2\

    ③ 创建 CommonController 处理文件上传请求

    1. package com.itheima.reggie.controller;
    2.  
    3. import com.itheima.reggie.common.R;
    4. import lombok.extern.slf4j.Slf4j;
    5. import org.springframework.beans.factory.annotation.Value;
    6. import org.springframework.stereotype.Controller;
    7. import org.springframework.web.bind.annotation.PostMapping;
    8. import org.springframework.web.bind.annotation.RequestMapping;
    9. import org.springframework.web.bind.annotation.RestController;
    10. import org.springframework.web.multipart.MultipartFile;
    11.  
    12. import java.io.File;
    13. import java.io.IOException;
    14. import java.util.UUID;
    15.  
    16. /**
    17.  * @Author zhang
    18.  * @Date 2022/9/2 - 21:54
    19.  * @Version 1.0
    20.  */
    21. // 文件上传和下载
    22. @RestController
    23. @Slf4j
    24. @RequestMapping("/common")
    25. public class CommonController {
    26.  
    27.     @Value("${reggie.path}")
    28.     private String basePath;
    29.  
    30.     /**
    31.      * 文件上传
    32.      * @param file 这个参数名字必须与前端保持一直
    33.      * @return
    34.      */
    35.     @PostMapping("/upload")
    36.     public R upload(MultipartFile file){
    37.         //log.info(file.toString());
    38.         // file是一个临时文件，需要转存到指定位置，否则本次请求完后临时文件会删除
    39.         // 原始文件名
    40.         String originalFilename = file.getOriginalFilename();
    41.         // 获取原始文件的后缀名
    42.         String suffix = originalFilename.substring(originalFilename.lastIndexOf("."));
    43.         // 使用UUID生成文件名
    44.         String fileName = UUID.randomUUID().toString() + suffix;
    45.         // 创建一个目录对象
    46.         File dir = new File(basePath);
    47.         if(!dir.exists()){
    48.             // 目录不存在，需要创建
    49.             dir.mkdirs();
    50.         }
    51.         try {
    52.             // 将临时文件转存到指定位置
    53.             file.transferTo(new File(basePath + fileName));
    54.         } catch (IOException e) {
    55.             e.printStackTrace();
    56.         }
    57.         return R.success(fileName);
    58.     }
    59.  
    60. }

    1.4、文件下载实现

    前端在文件上传成功后，通过 handleAvatarSuccess 方法使自定义的参数 imageUrl 存储服务器保存图片的路径，再通过 imageUrl 发送请求下载文件

    1.     /**
    2.      * 文件下载
    3.      * @param name
    4.      * @param response
    5.      */
    6.     @GetMapping("/download")
    7.     public void download(
    8.             String name,
    9.             HttpServletResponse response
    10.     ){
    11.         try {
    12.             // 通过输入流读取文件内容
    13.             FileInputStream fileInputStream = new FileInputStream(new File(basePath + name));
    14.             // 通过输出流将文件写回浏览器
    15.             ServletOutputStream outputStream = response.getOutputStream();
    16.             response.setContentType("image/jpeg");  // 设置文件格式
    17.             byte[] bytes = new byte[1024];
    18.             int len = 0;
    19.             while((len = fileInputStream.read(bytes)) != -1){
    20.                 outputStream.write(bytes, 0, len);
    21.                 outputStream.flush();
    22.             }
    23.             // 关闭资源
    24.             outputStream.close();
    25.             fileInputStream.close();
    26.         } catch (FileNotFoundException e) {
    27.             e.printStackTrace();
    28.         } catch (IOException e) {
    29.             e.printStackTrace();
    30.         }
    31.     }

    2、新增菜品

    2.1、分析

    2.1.1、需求分析

    2.1.2、数据模型给

     dish 表

    dish_flavor 表

    2.1.3、准备工作

    2.1.4、页面与服务端的交互过程

    获取菜品分类数据：

    图片上传与下载与上面使用的接口相同，所以已经实现

    保存菜品信息：

    2.1.5、前端代码分析

    在 created 生命周期，先通过 getDishList 方法获取菜品分类信息并存储到自定义数据 dishList

    2.2、代码

    2.2.1、获取菜品分类信息

    在 CategoryController 中添加方法

    1.     /**
    2.      * 根据条件查询分类数据
    3.      * @param category
    4.      * @return
    5.      */
    6.     @GetMapping("list")
    7.     public R> list(Category category){
    8.         LambdaQueryWrapper queryWrapper = new LambdaQueryWrapper<>();
    9.         queryWrapper.eq(category.getType() != null, Category::getType, category.getType());
    10.         queryWrapper.orderByAsc(Category::getSort).orderByDesc(Category::getUpdateTime);
    11.         List categoryList = categoryService.list(queryWrapper);
    12.         return R.success(categoryList);
    13.     }

    2.2.2、DishDTO

    DTO，全称为 Data Transfer Object，即数据传输对象，一般用于展示层与服务层之间的数据传输。

    由于保存菜品信息时，页面发送了 flavors 信息，而在 Dish 中没有该属性，无法匹配，所以导入 DishDto(位置:资料/dto) ，用于封装页面提交的数据

    1. @Data
    2. public class DishDto extends Dish {
    3.  
    4.     private List flavors = new ArrayList<>();
    5.  
    6.     private String categoryName;
    7.  
    8.     private Integer copies;
    9. }

    2.2.3、保存页面发来的数据

    页面发来的数据不仅有菜品信息，还有对应的口味信息

    ① 在 DishSerivce 中添加同时存储两种信息的方法

    1. public interface DishSerivce extends IService {
    2.  
    3.     // 新增菜品，同时插入菜品对应的口味数据，需要操作两张表：dish、dish_flavor
    4.     public void saveWithFlavor(DishDto dishDto);
    5.  
    6. }

    ② 在 DishServiceImpl 添加实现方法

    1. @Service
    2. public class DishServiceImpl extends ServiceImpl implements DishSerivce {
    3.  
    4.     @Autowired
    5.     private DishFlavorService dishFlavorService;
    6.  
    7.     /**
    8.      * 新增菜品，同时插入菜品对应的口味数据，需要操作两张表：dish、dish_flavor
    9.      * @param dishDto
    10.      */
    11.     @Transactional
    12.     @Override
    13.     public void saveWithFlavor(DishDto dishDto) {
    14.         // 保存菜品的基本信息
    15.         this.save(dishDto);
    16.  
    17.         Long dishId = dishDto.getId();  // 菜品id
    18.         List flavors = dishDto.getFlavors();    // 菜品口味
    19.         flavors.stream().map((item) -> {
    20.             item.setDishId(dishId);
    21.             return item;
    22.         }).collect(Collectors.toList());
    23.  
    24.         // 保存菜品口味信息到dish_flavor
    25.         dishFlavorService.saveBatch(flavors);
    26.  
    27.     }
    28.  
    29. }

    ③ 在启动类添加注解开启事务

    @EnableTransactionManagement    // 开启事务

    ④ 在 DishController 中添加方法

    1. @RestController
    2. @Slf4j
    3. @RequestMapping("/dish")
    4. public class DishController {
    5.  
    6.     @Autowired
    7.     private DishSerivce dishSerivce;
    8.  
    9.     @Autowired
    10.     private DishFlavorService dishFlavorService;
    11.  
    12.     /**
    13.      * 新增菜品
    14.      * @param dishDto
    15.      * @return
    16.      */
    17.     @PostMapping
    18.     public R save(@RequestBody DishDto dishDto){
    19.         //log.info(dishDto.toString());
    20.         dishSerivce.saveWithFlavor(dishDto);
    21.         return R.success("新增菜品成功");
    22.     }
    23.  
    24. }

    3、菜品信息分页查询

    3.1、分析

    3.1.1、需求分析

    3.1.2、页面与服务端的交互过程

     分页获取菜品信息请求：

    3.2、代码

    1.     /**
    2.      * 菜品信息分页查询
    3.      * @param page
    4.      * @param pageSize
    5.      * @param name
    6.      * @return
    7.      */
    8.     @GetMapping("/page")
    9.     public R page(
    10.             int page,
    11.             int pageSize,
    12.             String name
    13.     ){
    14.         // 分页构造器对象
    15.         Page pageInfo = new Page<>(page, pageSize);
    16.         Page dishDtoPage = new Page<>();
    17.  
    18.         // 添加条件
    19.         LambdaQueryWrapper queryWrapper = new LambdaQueryWrapper<>();
    20.         queryWrapper.like(name != null && !"".equals(name), Dish::getName, name);
    21.         queryWrapper.orderByDesc(Dish::getUpdateTime);
    22.  
    23.         // 分页查询
    24.         dishSerivce.page(pageInfo, queryWrapper);
    25.  
    26.         // 对象拷贝，不拷贝records属性
    27.         BeanUtils.copyProperties(pageInfo, dishDtoPage, "records");
    28.  
    29.         // 将对应的分类名称填入
    30.         List records = pageInfo.getRecords();
    31.         List list = records.stream().map((item) -> {
    32.             DishDto dishDto = new DishDto();
    33.             BeanUtils.copyProperties(item, dishDto);
    34.             Long categoryId = item.getCategoryId(); // 分类id
    35.             Category category = categoryService.getById(categoryId);
    36.             if(category != null) {
    37.                 String categoryName = category.getName();
    38.                 dishDto.setCategoryName(categoryName);
    39.             }
    40.             return dishDto;
    41.         }).collect(Collectors.toList());
    42.         dishDtoPage.setRecords(list);
    43.  
    44.         return R.success(dishDtoPage);
    45.     }

    4、修改菜品

    4.1、分析

    4.1.1、需求分析

    4.1.2、页面与服务端的交互过程

    根据 id 查询当前菜品信息的请求：

    保存修改后的信息的请求：

    4.2、代码

    4.2.1、菜品信息回显

    菜品信息的回显需要获取菜品的基本信息及其口味

    ① 在 DishSerivce 添加方法

    1.     // 根据id查询菜品信息及其口味信息
    2.     public DishDto getByIdWithFlavor(Long id);

    ② 在 DishServiceImpl 实现方法

    1.     /**
    2.      * 根据id查询菜品信息及其口味信息
    3.      * @param id
    4.      * @return
    5.      */
    6.     @Override
    7.     public DishDto getByIdWithFlavor(Long id) {
    8.         DishDto dishDto = new DishDto();
    9.  
    10.         // 查询菜品基本信息
    11.         Dish dish = this.getById(id);
    12.  
    13.         // 查询菜品对应的口味信息
    14.         LambdaQueryWrapper queryWrapper = new LambdaQueryWrapper<>();
    15.         queryWrapper.eq(DishFlavor::getDishId, id);
    16.         List flavors = dishFlavorService.list(queryWrapper);
    17.  
    18.         // 将查询到的数据封装
    19.         BeanUtils.copyProperties(dish, dishDto);
    20.         dishDto.setFlavors(flavors);
    21.  
    22.         return dishDto;
    23.     }

    ③ 在 DishController 中使用方法

    1.     /**
    2.      * 根据id查询菜品信息及其口味信息
    3.      * @param id
    4.      * @return
    5.      */
    6.     @GetMapping("/{id}")
    7.     public R get(@PathVariable Long id){
    8.         DishDto dishDto = dishSerivce.getByIdWithFlavor(id);
    9.         return R.success(dishDto);
    10.     }

    4.2.2、修改商品实现

    ① 在 DishSerivce 添加方法

    1.     // 更新菜品，同时更新对应的口味信息
    2.     public void updateWithFlavor(DishDto dishDto);

    ② 在 DishServiceImpl 实现方法

    1.     /**
    2.      * 更新菜品，同时更新对应的口味信息
    3.      * @param dishDto
    4.      */
    5.     @Override
    6.     @Transactional
    7.     public void updateWithFlavor(DishDto dishDto) {
    8.         // 更新dish菜品表信息
    9.         this.updateById(dishDto);
    10.  
    11.         // 清理当前菜品对应的口味
    12.         LambdaQueryWrapper queryWrapper = new LambdaQueryWrapper<>();
    13.         queryWrapper.eq(DishFlavor::getDishId, dishDto.getCategoryId());
    14.         dishFlavorService.remove(queryWrapper);
    15.  
    16.         // 添加当前提交过来的口味信息
    17.         List flavors = dishDto.getFlavors();
    18.         flavors = flavors.stream().map((item) -> {
    19.             item.setDishId(dishDto.getCategoryId());
    20.             return item;
    21.         }).collect(Collectors.toList());
    22.         dishFlavorService.saveBatch(flavors);
    23.     }

    ③ 在 DishController 中使用方法

    1.     /**
    2.      * 修改菜品
    3.      * @return
    4.      */
    5.     @PutMapping
    6.     public R update(@RequestBody DishDto dishDto){
    7.         dishSerivce.updateWithFlavor(dishDto);
    8.         return R.success("修改菜品成功");
    9.     }

    5、菜品停售与起售(批量)

    5.1、分析

    首先查看单个停售或起售的请求

    再看一下批量的请求

    可以将他们写为一个方法

    5.2、代码

    在 DishController 添加方法 

    1.     @PostMapping("/status/{status}")
    2.     public R updateStatus(
    3.             @PathVariable("status") int status,
    4.             @RequestParam List ids
    5.     ){
    6.         List dishes = new ArrayList<>();
    7.         for (Long id : ids) {
    8.             Dish dish = new Dish();
    9.             dish.setStatus(status);
    10.             dish.setId(id);
    11.             dishes.add(dish);
    12.         }
    13.         dishSerivce.updateBatchById(dishes, dishes.size());
    14.         return R.success("菜品状态修改成功");
    15.     }

    6、(批量)删除

    6.1、分析

    首先看一下单个删除的请求

    再来看一下批量删除的请求

    可以看到与修改售卖状态的请求大致相同。

    流程：
    1、获取请求中要删除的 id，并获取他们的基本信息
    2、逐个判断他们的售卖状态，若在启售状态，则无法删除

    6.2、代码

    6.2.1、添加逻辑删除注解

    由于 Dish 和 DishFlavor 中有逻辑删除的字段，所以这里使用逻辑删除。

    在 Dish 和 DishFlavor 类的 isDeleted 字段加上 @TableLogic 注解

    1.     //是否删除
    2.     @TableLogic // 逻辑删除
    3.     private Integer isDeleted;

  • 相关阅读:
    Python3.7源码编译
    C语言学习总结
    Python 数据分析之基础
    DevExpress WinForms图表组件 - 直观的数据信息呈现方式！（二）
    Linux 命令行历史及其history
    QT 知：qmake 手册
    【infiniband】infiniband和RDMA
    Reflex WMS 高阶系列1 - Purge database
    下载git
    10道小学趣味数学题
  • 原文地址：https://blog.csdn.net/Mr_zhangyj/article/details/126670539