瑞吉外卖项目:修改菜品信息

一. 修改菜品

1.1 需求分析

瑞吉外卖项目:修改菜品信息_第1张图片

菜品管理页面点击修改菜品按钮,跳转到修改菜品页面,修改页面回显菜品相关信息进行修改,点击按钮完成修改操作。

  1. 页面发送ajax请求,请求服务端获取分类数据,用于菜品分类下拉框中数据展示
  2. 页面发送aiax请求,请求服务端,根据id查询当前菜品信息,用于菜品信息回显
  3. 页面发送请求,请求服务端进行图片下载,用于页图片回显
  4. 点击保存按钮,页面发送aiax请求,将修改后的菜品相关数据以ison形式提交到服务端

2.1 代码分析

菜品回显

首先,修改菜品信息之前需要在页面回显菜品的信息,回显页面信息使用DishDto这个对象:

DishServiceImpl.java

    /**
     * 根据ID查询菜品信息以及对应的口味信息
     * @param id
     * @return
     */
    @Override
    public DishDto getByIdWithFlavor(Long id) {
        // 查询菜品基本信息,从dish表查询
        Dish dish = this.getById(id);
        DishDto dishDto = new DishDto();
        BeanUtils.copyProperties(dish,dishDto);
        // 查询对应的口味信息
        LambdaQueryWrapper queryWrapper = new LambdaQueryWrapper();
        queryWrapper.eq(DishFlavor::getDishId,dish.getId());
        List list = dishFlavorService.list(queryWrapper);
        dishDto.setFlavors(list);
        return dishDto;
    }

DishController调用:

/**
     * 根据ID查询菜品信息以及对应的口味信息
     * @param id
     * @return
     */
    @GetMapping("/{id}")
    public R get(@PathVariable Long id){
        DishDto dishDto = dishService.getByIdWithFlavor(id);
        return R.success(dishDto);
    }

菜品修改

 回显菜品信息之后就可以根据菜品id对菜品信息进行修改:

DishServiceImpl.java

    @Override
    @Transactional
    public void updateWithFlavor(DishDto dishDto) {
        // 更新菜品表
        this.updateById(dishDto);
        // 清理当前菜品对应口味数据(删除操作)
        LambdaQueryWrapper queryWrapper = new LambdaQueryWrapper();
        queryWrapper.eq(DishFlavor::getDishId,dishDto.getId());
        dishFlavorService.remove(queryWrapper);
        // 加载当前提交过来的口味数据(插入操作)
        List flavors = dishDto.getFlavors();
        flavors = flavors.stream().map((item)->{
            item.setDishId(dishDto.getId());
            return item;
        }).collect(Collectors.toList());
        // 批量更新
        dishFlavorService.saveBatch(flavors);
    }

DishController调用:

    /**
     * 修改菜品
     * @param dishDto
     * @return R
     */
    @PutMapping
    public R update(@RequestBody DishDto dishDto){
        log.info("DishDTO===>{}",dishDto);
        dishService.updateWithFlavor(dishDto);
        return R.success("菜品修改成功");
    }

你可能感兴趣的