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

深藏阁楼爱情的钟 2023-09-29 15:09 23阅读 0赞

## 一. 修改菜品 ##

### 1.1 需求分析 ###

![142889dd5f14430ea28df6d45cefdba1.png][]

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

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<DishFlavor> queryWrapper = new LambdaQueryWrapper();
            queryWrapper.eq(DishFlavor::getDishId,dish.getId());
            List<DishFlavor> list = dishFlavorService.list(queryWrapper);
            dishDto.setFlavors(list);
            return dishDto;
        }

**DishController调用：**

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

#### **菜品修改** ####

**![b2a6eb7a64a64c308f1051b7ba2727ce.png][]**

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

**DishServiceImpl.java**

@Override
        @Transactional
        public void updateWithFlavor(DishDto dishDto) {
            // 更新菜品表
            this.updateById(dishDto);
            // 清理当前菜品对应口味数据（删除操作）
            LambdaQueryWrapper<DishFlavor> queryWrapper = new LambdaQueryWrapper();
            queryWrapper.eq(DishFlavor::getDishId,dishDto.getId());
            dishFlavorService.remove(queryWrapper);
            // 加载当前提交过来的口味数据（插入操作）
            List<DishFlavor> 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<String>
         */
        @PutMapping
        public R<String> update(@RequestBody DishDto dishDto){
            log.info("DishDTO===>{}",dishDto);
            dishService.updateWithFlavor(dishDto);
            return R.success("菜品修改成功");
        }

[142889dd5f14430ea28df6d45cefdba1.png]: https://img-blog.csdnimg.cn/142889dd5f14430ea28df6d45cefdba1.png
[b2a6eb7a64a64c308f1051b7ba2727ce.png]: https://img-blog.csdnimg.cn/b2a6eb7a64a64c308f1051b7ba2727ce.png