瑞吉外卖项目——修改菜品_瑞吉外卖分类无数据

需求分析

• 在菜品管理页面点击修改按钮，跳转到修改菜品页面，在页面回显相关信息，并进行修改，最后点击保存完成修改。

前后端交互过程

• 页面发送ajax请求，请求服务端获取分类信息，一遍展示菜品分类下拉框效果展示。
• 页面发送ajax请求，请求服务端根据id进行查询数据库，将来进行菜品信息回显。
  控制层代码

  /**
   * 根据id查询菜品信息。
   *
   * @param id
   * @return
   */
  @GetMapping("/{id}")
  public R<DishDto> get(@PathVariable Long id) {
    //日志
    log.info("DishId：{}", id);
    //执行查询。
    DishDto dishDto = dishService.getByIdWithFlavor(id);
    return R.success(dishDto);
  }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

业务层代码

  @Override
  public DishDto getByIdWithFlavor(Long id) {
    // 查询dish表中的基本信息。
    Dish dish = this.getById(id);
    DishDto dishDto = new DishDto();
    //对象拷贝
    BeanUtils.copyProperties(dish,dishDto);
    // 创建条件构造器。
    LambdaQueryWrapper<DishFlavor> lambdaQueryWrapper = new LambdaQueryWrapper<>();
    lambdaQueryWrapper.eq(DishFlavor::getDishId, dish.getId());
    // 查询dish_flavor表信息。
    List<DishFlavor> flavors = dishFlavorService.list(lambdaQueryWrapper);
    dishDto.setFlavors(flavors);
    return dishDto;
  }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

• 页面发送请求，请求服务端进行图片下载，用于页图片回显。
• 当用户点击保存按钮时，将修改后的信息以json数据形式提交到服务端进一步保存到数据库。
  控制层代码

  /**
   * 更新菜品
   *
   * @param dishDto
   * @return
   */
  @PutMapping
  public R<String> update(@RequestBody DishDto dishDto) {
    log.info("更新菜品：{}", dishDto);
    //开始更新信息
    dishService.updateWithFlavor(dishDto);
    return R.success("更新菜品信息成功");
  }

1
2
3
4
5
6
7
8
9
10
11
12
13
14

业务层代码

  @Override
  public void updateWithFlavor(DishDto dishDto) {
    // 保存dish表中的基本数据。
    this.updateById(dishDto);
    // 清楚菜品对应的口味信息，在dish_flavor中的删除
    LambdaQueryWrapper<DishFlavor> queryWrapper = new LambdaQueryWrapper<>();
    queryWrapper.eq(DishFlavor::getDishId, dishDto.getId());
    dishFlavorService.remove(queryWrapper);
    // 插入页面提交的新的菜品的口味信息。
    List<DishFlavor> flavors = dishDto.getFlavors();
    // 函数式编程，stream流。
    flavors =
        flavors.stream()
            .map(
                (item) -> {
                  //设置dish_id
                  item.setDishId(dishDto.getId());
                  return item;
                })
            .collect(Collectors.toList());
    dishFlavorService.saveBatch(flavors);
  }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

功能测试通过。

• 祝你：吉时吉日喜如风，丰年丰月如风增，争富争财争长寿，寿山寿海寿长生，生富生才生贵子，子孝孙贤代代荣，荣华富贵年年有，有钱有势有前程！
• 祝你：吃不愁穿不愁，不住平方住高楼，天天潇洒，夜夜温柔，买卖如同长江水，生活如同井上花，大财小财天天进，一顺百顺发发发！
• 点点关注不迷路，感谢老铁的关注。