4.1 菜品修改模块需求分析

在菜品管理列表页面点击修改按钮，跳转到修改菜品页面，在修改页面回显菜品相关信息并进行修改，最后点击确定按钮完成修改操作。

4.2 菜品修改模块前端页面（add.html）和服务端的交互过程

1). 点击菜品列表的中的修改按钮，携带菜品id跳转至add.html

2). 进入add.html，页面发送ajax请求，请求服务端获取分类数据，用于菜品分类下拉框中数据展示(已实现)

3). add.html获取id, 发送ajax请求，请求服务端，根据id查询当前菜品信息，用于菜品信息回显

4). 页面发送请求，请求服务端进行图片下载，用于页图片回显(已实现)

5). 点击保存按钮，页面发送ajax请求，将修改后的菜品相关数据以json形式提交到服务端

4.3 新增功能

经过上述的分析，菜品分类下拉框的展示、图片的下载回显功能已经实现了。只需要在这里实现两个功能即可，分别是：

1). 根据ID查询菜品及菜品口味信息

请求	说明
请求方式	GET
请求路径	/dish/{id}

2). 修改菜品及菜品口味信息

请求	说明
请求方式	PUT
请求路径	/dish
请求参数	json格式数据

通过浏览器抓取具体的json格式数据：

{"id":"1422783914845487106","name":"佛跳墙","categoryId":"1397844357980663809","price":88800,"code":"","image":"da9e1c70-fc32-4781-9510-a1c4ccd2ff59.jpg","description":"佛跳墙","status":1,"sort":0,"createTime":"2021-08-04 12:58:14","createUser":"1412578435737350122","updateUser":"1412578435737350122","flavors":[{"id":"1422783914883235842","dishId":"1422783914845487106","name":"辣度","value":"[\"不辣\",\"微辣\",\"中辣\",\"重辣\"]","createTime":"2021-08-04 12:58:14","updateTime":"2021-08-04 12:58:14","createUser":"1412578435737350122","updateUser":"1412578435737350122","isDeleted":0,"showOption":false},{"id":"1422783914895818754","dishId":"1422783914845487106","name":"忌口","value":"[\"不要葱\",\"不要蒜\",\"不要香菜\",\"不要辣\"]","createTime":"2021-08-04 12:58:14","updateTime":"2021-08-04 12:58:14","createUser":"1412578435737350122","updateUser":"1412578435737350122","isDeleted":0,"showOption":false}]
}

4.4 代码实现

4.4.1 根据ID查询菜品信息

页面发送ajax请求，请求服务端，根据id查询当前菜品信息和对应的口味信息，用于修改页面中菜品信息回显。

4.4.2 修改菜品信息

点击保存按钮，页面发送ajax请求，将修改后的菜品相关数据以json形式提交到服务端。在修改菜品信息时需要注意，除了要更新dish菜品表，还需要更新dish_flavor菜品口味表。

4.4.3 在DishService接口中扩展getByIdWithFlavor、updateWithFlavor方法

package com.itheima.reggie.service;import com.baomidou.mybatisplus.extension.service.IService;
import com.itheima.reggie.dto.DishDto;
import com.itheima.reggie.entity.Dish;public interface DishService extends IService<Dish> {// 新增菜品，需要同时插入菜品对应的口味数据，需要操作两张表，dish、dish_flavorpublic void saveWithFlavor(DishDto dishDto);// 根据id查询菜品信息和对应的口味信息public DishDto getByIdWithFlavor(Long id);// 更新菜品信息，同时更新对应的口味信息public void updateWithFlavor(DishDto dishDto);}

4.4.4 在DishService实现类中实现getByIdWithFlavor与updateWithFlavor方法

①getByIdWithFlavor具体逻辑为:

A. 根据ID查询菜品的基本信息

B. 根据菜品的ID查询菜品口味列表数据

C. 组装数据并返回

②updateWithFlavor具体逻辑为:

A. 根据ID查询菜品的基本信息

B. 根据菜品的ID查询菜品口味列表数据

C. 组装数据并返回

package com.itheima.reggie.service.impl;import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.itheima.reggie.dto.DishDto;
import com.itheima.reggie.entity.Dish;
import com.itheima.reggie.entity.DishFlavor;
import com.itheima.reggie.mapper.DishMapper;
import com.itheima.reggie.service.DishFlavorService;
import com.itheima.reggie.service.DishService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;import java.util.List;
import java.util.stream.Collectors;/*** Description: new java files header..** @author w* @version 1.0* @date 2022/8/16 10:15*/
@Service
@Slf4j
public class DishServiceImpl extends ServiceImpl<DishMapper,Dish> implements DishService{@Autowiredprivate DishFlavorService dishFlavorService;@Override@Transactionalpublic void saveWithFlavor(DishDto dishDto) {/**@Description: 新增菜品 同时保存对应的口味数据* @author LiBiGo* @date 2022/8/18 11:58*/// 保存菜品的基本信息到菜品表dishthis.save(dishDto);Long dishId = dishDto.getId(); // 菜品id// 菜品口味List<DishFlavor> flavors = dishDto.getFlavors();flavors = flavors.stream().map((item)->{item.setDishId(dishId);return item;}).collect(Collectors.toList());// 保存菜品口味数据到菜品口味表dish_flavordishFlavorService.saveBatch(flavors);}@Override// 根据id查询菜品信息和对应的口味信息public DishDto getByIdWithFlavor(Long id) {// 查询菜品的基本信息，从dish表查询Dish dish = this.getById(id);// 拷贝基本信息DishDto dishDto = new DishDto();BeanUtils.copyProperties(dish,dishDto);// 查询当前菜品对应的口味信息，从dish_flavor表查询flavorsLambdaQueryWrapper<DishFlavor> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(DishFlavor::getDishId,dish.getId());List<DishFlavor> flavors = dishFlavorService.list(queryWrapper);dishDto.setFlavors(flavors);return dishDto;}@Override@Transactionalpublic void updateWithFlavor(DishDto dishDto) {// 更新dish表的基本信息this.updateById(dishDto);// 清理当前菜品对应的口味数据---dish_flavor表的delete操作LambdaQueryWrapper<DishFlavor> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(DishFlavor::getDishId,dishDto.getId());dishFlavorService.remove(queryWrapper);// 添加当前提交过来的口味数据---dish_flavor表的insert操作List<DishFlavor> flavors = dishDto.getFlavors();flavors = flavors.stream().map((item) -> {item.setDishId(dishDto.getId());return item;}).collect(Collectors.toList());dishFlavorService.saveBatch(flavors);}}

4.4.5 在DishController中创建get方法与update方法

package com.itheima.reggie.controller;import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.itheima.reggie.common.R;
import com.itheima.reggie.dto.DishDto;
import com.itheima.reggie.entity.Category;
import com.itheima.reggie.entity.Dish;
import com.itheima.reggie.service.CategoryService;
import com.itheima.reggie.service.DishFlavorService;
import com.itheima.reggie.service.DishService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;import java.util.List;
import java.util.stream.Collectors;/*** Description: 菜品管理 菜品及菜品口味的相关操作，统一使用这一个controller即可。* @version 1.0* @date 2022/8/18 11:08*/@Slf4j
@RestController
@RequestMapping("/dish")
public class DishController {@Autowiredprivate DishService dishService;@Autowiredprivate DishFlavorService dishFlavorService;@Autowiredprivate CategoryService categoryService;@PostMappingpublic R<String> save(@RequestBody DishDto dishDto){/**@Description: 新增菜品* @author LiBiGo* @date 2022/8/18 11:44*/log.info(dishDto.toString());dishService.saveWithFlavor(dishDto);return R.success("新增菜品成功");}@GetMapping("/page")public R<Page> page(int page,int pageSize,String name){/**@Description: 菜品信息分页查询* @author LiBiGo** 数据库查询菜品信息时，获取到的分页查询结果 Page 的泛型为 Dish，而最终需要给前端页面返回的类型为DishDto，* 所以这个时候就要进行转换，基本属性直接通过属性拷贝的形式对Page中的属性进行复制，* 对于结果列表 records属性需要进行特殊处理的(需要封装菜品分类名称);** @date 2022/8/19 10:41*/// 构造分页构造器对象Page<Dish> pageInfo = new Page<>(page,pageSize);Page<DishDto> dishDtoPage = new Page<>();// 条件构造器LambdaQueryWrapper<Dish> queryWrapper = new LambdaQueryWrapper<>();// 添加过滤条件queryWrapper.like(name!=null,Dish::getName,name);// 添加排序条件queryWrapper.orderByDesc(Dish::getUpdateTime);// 执行分页查询dishService.page(pageInfo,queryWrapper);// 对象的拷贝BeanUtils.copyProperties(pageInfo,dishDtoPage,"records");List<Dish> records = pageInfo.getRecords();List<DishDto> list = records.stream().map((item) -> {DishDto dishDto = new DishDto();BeanUtils.copyProperties(item,dishDto);Long categoryId = item.getCategoryId();//分类id//根据id查询分类对象Category category = categoryService.getById(categoryId);if(category != null){String categoryName = category.getName();dishDto.setCategoryName(categoryName);}return dishDto;}).collect(Collectors.toList());dishDtoPage.setRecords(list);return R.success(dishDtoPage);}@GetMapping("/{id}")public R<DishDto> get(@PathVariable Long id){/**@Description: 根据id查询菜品信息和对应的口味信息* @author LiBiGo* @date 2022/8/19 11:43*/DishDto dishDto = dishService.getByIdWithFlavor(id);return R.success(dishDto);}@PutMapping// @PathVariable : 该注解可以用来提取url路径中传递的请求参数。public R<String> update(@RequestBody DishDto dishDto){/**@Description: 修改菜品* @author LiBiGo* @date 2022/8/19 11:58*/log.info(dishDto.toString());dishService.updateWithFlavor(dishDto);return R.success("新增菜品成功");}}