套餐管理模块开发 -- 手把手教你做ssm+springboot入门后端项目黑马程序员瑞吉外卖（六）

一时失言乱红尘 2023-10-13 18:56 17阅读 0赞

### 文章目录 ###

*  前言
 *  一、新增套餐
 *   *  1. 需求分析
     *  2. 数据模型
     *  3. 代码开发
     *  4. 功能测试
 *  二、套餐信息分页查询
 *   *  1. 需求分析
     *  2. 代码开发
     *  3. 功能测试
 *  三、删除套餐
 *   *  1. 需求分析
     *  2. 代码开发
     *  3. 功能测试
 *  总结

--------------------

# 前言 #

为了巩固所学的知识，作者尝试着开始发布一些学习笔记类的博客，方便日后回顾。当然，如果能帮到一些萌新进行新技术的学习那也是极好的。作者菜菜一枚，文章中如果有记录错误，欢迎读者朋友们批评指正。  
（博客的参考源码可以在我主页的资源里找到，如果在学习的过程中有什么疑问欢迎大家在评论区向我提出）

# 一、新增套餐 #

## 1. 需求分析 ##

套餐就是菜品的集合。后台系统中可以管理套餐信息，通过新增套餐功能来添加一个新的套餐，在添加套餐时需要选择当前套餐所属的套餐分类和包含的菜品，并且需要上传套餐对应的图片，在移动端会按照套餐分类来展示对应的套餐。

![在这里插入图片描述][4d485f35ecae48db9b43fb26c426a1e6.png]

## 2. 数据模型 ##

新增套餐，其实就是将新增页面录入的套餐信息插入到setmeal表，还需要向setmeal dish表插入套餐和菜品关联数据。所以在新增套餐时，涉及到两个表

> 1.  setmeal ---- 套餐表
> 2.  setmeal dish ---- 套餐菜品关系表

![在这里插入图片描述][6e3dcc747e874dd587967814caa7d85e.png]

## 3. 代码开发 ##

**1. 在开发业务功能前，先将需要用到的类和接口基本结构创建好**

*  实体类 SetmealDish

/**
     * 套餐菜品关系
     */
    @Data
    public class SetmealDish implements Serializable {
        
    
        private static final long serialVersionUID = 1L;
    
        private Long id;
    
    
        //套餐id
        private Long setmealId;
    
    
        //菜品id
        private Long dishId;
    
    
        //菜品名称 （冗余字段）
        private String name;
    
        //菜品原价
        private BigDecimal price;
    
        //份数
        private Integer copies;
    
    
        //排序
        private Integer sort;
    
    
        @TableField(fill = FieldFill.INSERT)
        private LocalDateTime createTime;
    
    
        @TableField(fill = FieldFill.INSERT_UPDATE)
        private LocalDateTime updateTime;
    
    
        @TableField(fill = FieldFill.INSERT)
        private Long createUser;
    
    
        @TableField(fill = FieldFill.INSERT_UPDATE)
        private Long updateUser;
    
    
        //是否删除
        private Integer isDeleted;
    }

*  DTO SetmealDto

@Data
    public class SetmealDto extends Setmeal {
        
    
        private List<SetmealDish> setmealDishes;
    
        private String categoryName;
    }

*  Mapper接口 SetmealDishMapper

@Mapper
    public interface SetmealDishMapper extends BaseMapper<SetmealDish> {
        
    }

*  业务层接口 SetmealDishService

public interface SetmealDishService extends IService<SetmealDish> {
        
    }

*  .业务层实现类 SetmealDishServicelmpl

@Service
    @Slf4j
    public class SetmealDishServiceImpl extends ServiceImpl<SetmealDishMapper,SetmealDish> implements SetmealDishService {
        
    }

*  控制层 SetmealController

/**
     * 套餐管理
     */
    @RestController
    @RequestMapping("/setmeal")
    @Slf4j
    public class SetmealController {
        
    
        @Autowired
        private SetmealService setmealService;
    
        @Autowired
        private CategoryService categoryService;
    }

**2. 在开发代码之前，需要梳理一下新增套餐时前端页面和服务端的交互过程**

> 1.  页面(backend/page/combo/addhtml)发送ajax请求，请求服务端获取套餐分类数据并展示到下拉框中
> 2.  页面发送ajax请求，请求服务端获取菜品分类数据并展示到添加菜品窗口中
> 3.  页面发送aiax请求，请求服务端，根据菜品分类查询对应的菜品数据并展示到添加菜品窗口中
> 4.  页面发送请求进行图片上传，请求服务端将图片保存到服务器
> 5.  页面发送请求进行图片下载，将上传的图片进行回显
> 6.  点击保存按钮，发送ajax请求，将套餐相关数据以ison形式提交到服务端
> 7.  开发新增套餐功能，其实就是在服务端编写代码去处理前端页面发送的这6次请求即可。

**3. 前端相关代码分析**

*  根据条件查询对应的菜品数据  
    ![在这里插入图片描述][f22645a11e064ee6b5af10a650fd1fdd.png]
 *  新增套餐

![在这里插入图片描述][30586ee78b534d1ea207ced9d783c84c.png]

**4. 根据条件查询对应的菜品数据（DishController）**

/**
         * 根据条件查询对应的菜品数据
         * @param dish
         * @return
         */
        @GetMapping("/list")
        public R<List<Dish>> list(Dish dish){
        
            //构造查询条件
            LambdaQueryWrapper<Dish> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.eq(dish.getCategoryId() != null ,Dish::getCategoryId,dish.getCategoryId());
            //添加条件，查询状态为1（起售状态）的菜品
            queryWrapper.eq(Dish::getStatus,1);
    
            //添加排序条件
            queryWrapper.orderByAsc(Dish::getSort).orderByDesc(Dish::getUpdateTime);
    
            List<Dish> list = dishService.list(queryWrapper);
    
            return R.success(list);
        }

**5. 新增套餐**

*  在SetmealService接口中编写相关方法

public interface SetmealService extends IService<Setmeal> {
        
        /**
         * 新增套餐，同时需要保存套餐和菜品的关联关系
         * @param setmealDto
         */
        public void saveWithDish(SetmealDto setmealDto);
    
    }

*  在实现类SetmealServiceImpl中实现增加套餐的方法

*  在controller中编写请求增添的方法

/**
         * 新增套餐
         * @param setmealDto
         * @return
         */
        @PostMapping
        public R<String> save(@RequestBody SetmealDto setmealDto){
        
            log.info("套餐信息：{}",setmealDto);
    
            setmealService.saveWithDish(setmealDto);
    
            return R.success("新增套餐成功");
        }

## 4. 功能测试 ##

**1. 根据条件查询对应的菜品数据**  
![在这里插入图片描述][da702f29c12d4b43a2e6bf2de1698fdb.png]

*  测试增加套餐  
    ![在这里插入图片描述][5316a1ef9793471f8cb50705d0533f54.png]

# 二、套餐信息分页查询 #

## 1. 需求分析 ##

系统中的套餐数据很多的时候，如果在一个页面中全部展示出来会显得比较乱，不便于查看，所以一般的系统中都会以分页的方式来展示列表数据

![在这里插入图片描述][8bf4f30d1409427da5c49e4ab1303ffc.png]

## 2. 代码开发 ##

**1. 在开发代码之前，需要梳理一下套餐分页查询时前端页面和服务端的交互过程**

> 1.  页面(backend/page/combo/list.html)发送ajax请求，将分页查询参数(page、pageSize.name)提交到服务端，获取分页数据
> 2.  页面发送请求，请求服务端进行图片下载，用于页面图片展示
> 3.  开发套餐信息分页查询功能，其实就是在服务端编写代码去处理前端页面发送的这2次请求即可

**2. 前端相关代码分析**

![在这里插入图片描述][ede1c158b60b401bb1ef9cb3787238b9.png]

*  controller中相关方法的编写

/**
         * 套餐分页查询
         * @param page
         * @param pageSize
         * @param name
         * @return
         */
        @GetMapping("/page")
        public R<Page> page(int page,int pageSize,String name){
        
            //分页构造器对象
            Page<Setmeal> pageInfo = new Page<>(page,pageSize);
            Page<SetmealDto> dtoPage = new Page<>();
    
            LambdaQueryWrapper<Setmeal> queryWrapper = new LambdaQueryWrapper<>();
            //添加查询条件，根据name进行like模糊查询
            queryWrapper.like(name != null,Setmeal::getName,name);
            //添加排序条件，根据更新时间降序排列
            queryWrapper.orderByDesc(Setmeal::getUpdateTime);
    
            setmealService.page(pageInfo,queryWrapper);
    
            //对象拷贝
            BeanUtils.copyProperties(pageInfo,dtoPage,"records");
            List<Setmeal> records = pageInfo.getRecords();
    
            List<SetmealDto> list = records.stream().map((item) -> {
        
                SetmealDto setmealDto = new SetmealDto();
                //对象拷贝
                BeanUtils.copyProperties(item,setmealDto);
                //分类id
                Long categoryId = item.getCategoryId();
                //根据分类id查询分类对象
                Category category = categoryService.getById(categoryId);
                if(category != null){
        
                    //分类名称
                    String categoryName = category.getName();
                    setmealDto.setCategoryName(categoryName);
                }
                return setmealDto;
            }).collect(Collectors.toList());
    
            dtoPage.setRecords(list);
            return R.success(dtoPage);
        }

## 3. 功能测试 ##

![在这里插入图片描述][43ad7c17b7154317b00a3500cd3ff3a1.png]

# 三、删除套餐 #

## 1. 需求分析 ##

在套餐管理列表页面点击删除按钮，可以删除对应的套餐信息。也可以通过复选框选择多个套餐，点击批量删除按钮一次删除多个套餐。注意，对于状态为售卖中的套餐不能删除，需要先停售，然后才能删除

![在这里插入图片描述][04bd610326824d9097ac0ce3f5189d8a.png]

## 2. 代码开发 ##

1.  在开发代码之前，需要梳理一下删除套餐时前端页面和服务端的交互过程

> 1.  删除单个套餐时，页面发送ajax请求，根据套餐id删除对应套餐

![在这里插入图片描述][25c8d9f61c2b4cc982b596c72d352a73.png]

> 1.  删除多个套餐时，页面发送ajax请求，根据提交的多个套餐id删除对应套餐

![在这里插入图片描述][cbdfdac793ec4480902bc84cb3c8942c.png]

> 1.  开发删除套餐功能，其实就是在服务端编写代码去处理前端页面发送的这2次请求即可。观察删除单个套餐和批量删除套餐的请求信息可以发现，两种请求的地址和请求方式都是相同的，不同的则是传递的id个数，所以在服务端可以提供一个方法来统一处理。

**2. 前端相关代码分析**  
![在这里插入图片描述][51a784e14e4847eb9dee482f78bae7d7.png]  
**3. 在service接口中定义删除方法**

public interface SetmealService extends IService<Setmeal> {
        
        //...
        /**
         * 删除套餐，同时需要删除套餐和菜品的关联数据
         * @param ids
         */
        public void removeWithDish(List<Long> ids);
    }

**4. 在实现类中实现删除方法**

@Service
    @Slf4j
    public class SetmealServiceImpl extends ServiceImpl<SetmealMapper, Setmeal> implements SetmealService {
        
        @Autowired
        private SetmealDishService setmealDishService;
        //...
        /**
         * 删除套餐，同时需要删除套餐和菜品的关联数据
         * @param ids
         */
        @Transactional
        public void removeWithDish(List<Long> ids) {
        
            //select count(*) from setmeal where id in (1,2,3) and status = 1
            //查询套餐状态，确定是否可用删除
            LambdaQueryWrapper<Setmeal> queryWrapper = new LambdaQueryWrapper();
            queryWrapper.in(Setmeal::getId,ids);
            queryWrapper.eq(Setmeal::getStatus,1);
    
            int count = this.count(queryWrapper);
            if(count > 0){
        
                //如果不能删除，抛出一个业务异常
                throw new CustomException("套餐正在售卖中，不能删除");
            }
    
            //如果可以删除，先删除套餐表中的数据---setmeal
            this.removeByIds(ids);
    
            //delete from setmeal_dish where setmeal_id in (1,2,3)
            LambdaQueryWrapper<SetmealDish> lambdaQueryWrapper = new LambdaQueryWrapper<>();
            lambdaQueryWrapper.in(SetmealDish::getSetmealId,ids);
            //删除关系表中的数据----setmeal_dish
            setmealDishService.remove(lambdaQueryWrapper);
        }
        
        
    }

**5. 在controller中编写相关调用方法**

/**
         * 删除套餐
         * @param ids
         * @return
         */
        @DeleteMapping
        public R<String> delete(@RequestParam List<Long> ids){
        
            log.info("ids:{}",ids);
    
            setmealService.removeWithDish(ids);
    
            return R.success("套餐数据删除成功");
        }
    
        @GetMapping("/list")
        public R<List<Setmeal>> list(Setmeal setmeal) {
        
            log.info("setmeal:{}", setmeal);
            //条件构造器
            LambdaQueryWrapper<Setmeal> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.like(StringUtils.isNotEmpty(setmeal.getName()), Setmeal::getName, setmeal.getName());
            queryWrapper.eq(null != setmeal.getCategoryId(), Setmeal::getCategoryId, setmeal.getCategoryId());
            queryWrapper.eq(null != setmeal.getStatus(), Setmeal::getStatus, setmeal.getStatus());
            queryWrapper.orderByDesc(Setmeal::getUpdateTime);
    
            return R.success(setmealService.list(queryWrapper));
        }

## 3. 功能测试 ##

![在这里插入图片描述][e41f67798a35480fb305967e312ca135.png]

# 总结 #

欢迎各位留言交流以及批评指正，如果文章对您有帮助或者觉得作者写的还不错可以点一下关注，点赞，收藏支持一下。  
（博客的参考源码可以在我主页的资源里找到，如果在学习的过程中有什么疑问欢迎大家在评论区向我提出）

[4d485f35ecae48db9b43fb26c426a1e6.png]: https://img-blog.csdnimg.cn/4d485f35ecae48db9b43fb26c426a1e6.png
[6e3dcc747e874dd587967814caa7d85e.png]: https://img-blog.csdnimg.cn/6e3dcc747e874dd587967814caa7d85e.png
[f22645a11e064ee6b5af10a650fd1fdd.png]: https://img-blog.csdnimg.cn/f22645a11e064ee6b5af10a650fd1fdd.png
[30586ee78b534d1ea207ced9d783c84c.png]: https://img-blog.csdnimg.cn/30586ee78b534d1ea207ced9d783c84c.png
[da702f29c12d4b43a2e6bf2de1698fdb.png]: https://img-blog.csdnimg.cn/da702f29c12d4b43a2e6bf2de1698fdb.png
[5316a1ef9793471f8cb50705d0533f54.png]: https://img-blog.csdnimg.cn/5316a1ef9793471f8cb50705d0533f54.png
[8bf4f30d1409427da5c49e4ab1303ffc.png]: https://img-blog.csdnimg.cn/8bf4f30d1409427da5c49e4ab1303ffc.png
[ede1c158b60b401bb1ef9cb3787238b9.png]: https://img-blog.csdnimg.cn/ede1c158b60b401bb1ef9cb3787238b9.png
[43ad7c17b7154317b00a3500cd3ff3a1.png]: https://img-blog.csdnimg.cn/43ad7c17b7154317b00a3500cd3ff3a1.png
[04bd610326824d9097ac0ce3f5189d8a.png]: https://img-blog.csdnimg.cn/04bd610326824d9097ac0ce3f5189d8a.png
[25c8d9f61c2b4cc982b596c72d352a73.png]: https://img-blog.csdnimg.cn/25c8d9f61c2b4cc982b596c72d352a73.png
[cbdfdac793ec4480902bc84cb3c8942c.png]: https://img-blog.csdnimg.cn/cbdfdac793ec4480902bc84cb3c8942c.png
[51a784e14e4847eb9dee482f78bae7d7.png]: https://img-blog.csdnimg.cn/51a784e14e4847eb9dee482f78bae7d7.png
[e41f67798a35480fb305967e312ca135.png]: https://img-blog.csdnimg.cn/e41f67798a35480fb305967e312ca135.png