基于SpringBoot+Redis的前后端分离外卖项目-苍穹外卖微信小程序端(十)

商品浏览功能代码

1.1 需求分析和设计

1.1.1 产品原型

用户登录成功后跳转到系统首页，在首页需要根据分类来展示菜品和套餐。如果菜品设置了口味信息，需要展示选择规格按钮，否则显示+按钮。

​ 菜品列表效果图****菜品口味效果图

1.1.2 接口设计

根据上述原型图先粗粒度设计接口，共包含4个接口。

接口设计：

• 查询分类
• 根据分类id查询菜品
• 根据分类id查询套餐
• 根据套餐id查询包含的菜品

接下来细粒度分析每个接口，明确每个接口的请求方式、请求路径、传入参数和返回值。

1). 查询分类

2). 根据分类id查询菜品

3). 根据分类id查询套餐

4). 根据套餐id查询包含的菜品

1.2代码开发

1.2.1 Mapper层

在SetmealMapper.java中添加list和getDishItemBySetmealId两个方法

/**
     * 动态条件查询套餐
     * @param setmeal
     * @return
     */List<Setmeal>list(Setmeal setmeal);/**
     * 根据套餐id查询菜品选项
     * @param setmealId
     * @return
     */@Select("select sd.name, sd.copies, d.image, d.description "+"from setmeal_dish sd left join dish d on sd.dish_id = d.id "+"where sd.setmeal_id = #{setmealId}")List<DishItemVO>getDishItemBySetmealId(Long setmealId);

创建SetmealMapper.xml文件

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPEmapperPUBLIC"-//mybatis.org//DTD Mapper 3.0//EN""http://mybatis.org/dtd/mybatis-3-mapper.dtd"><mappernamespace="com.sky.mapper.SetmealMapper"><selectid="list"parameterType="Setmeal"resultType="Setmeal">
        select * from setmeal
        <where><iftest="name != null">
                and name like concat('%',#{name},'%')
            </if><iftest="categoryId != null">
                and category_id = #{categoryId}
            </if><iftest="status != null">
                and status = #{status}
            </if></where></select></mapper>

1.2.2 Service层

创建SetmealService.java

packagecom.sky.service;publicinterfaceSetmealService{/**
     * 条件查询
     * @param setmeal
     * @return
     */List<Setmeal>list(Setmeal setmeal);/**
     * 根据id查询菜品选项
     * @param id
     * @return
     */List<DishItemVO>getDishItemById(Long id);}

创建SetmealServiceImpl.java

packagecom.sky.service.impl;/**
 * 套餐业务实现
 */@Service@Slf4jpublicclassSetmealServiceImplimplementsSetmealService{@AutowiredprivateSetmealMapper setmealMapper;@AutowiredprivateSetmealDishMapper setmealDishMapper;@AutowiredprivateDishMapper dishMapper;/**
     * 条件查询
     * @param setmeal
     * @return
     */publicList<Setmeal>list(Setmeal setmeal){List<Setmeal> list = setmealMapper.list(setmeal);return list;}/**
     * 根据id查询菜品选项
     * @param id
     * @return
     */publicList<DishItemVO>getDishItemById(Long id){return setmealMapper.getDishItemBySetmealId(id);}}

在DishService.java中添加listWithFlavor方法定义

/**
     * 条件查询菜品和口味
     * @param dish
     * @return
     */List<DishVO>listWithFlavor(Dish dish);

在DishServiceImpl.java中实现listWithFlavor方法

/**
     * 条件查询菜品和口味
     * @param dish
     * @return
     */publicList<DishVO>listWithFlavor(Dish dish){List<Dish> dishList = dishMapper.list(dish);List<DishVO> dishVOList =newArrayList<>();for(Dish d : dishList){DishVO dishVO =newDishVO();BeanUtils.copyProperties(d,dishVO);//根据菜品id查询对应的口味List<DishFlavor> flavors = dishFlavorMapper.getByDishId(d.getId());

            dishVO.setFlavors(flavors);
            dishVOList.add(dishVO);}return dishVOList;}

1.2.3 Controller层

创建DishController.java

packagecom.sky.controller.user;@RestController("userDishController")@RequestMapping("/user/dish")@Slf4j@Api(tags ="C端-菜品浏览接口")publicclassDishController{@AutowiredprivateDishService dishService;/**
     * 根据分类id查询菜品
     *
     * @param categoryId
     * @return
     */@GetMapping("/list")@ApiOperation("根据分类id查询菜品")publicResult<List<DishVO>>list(Long categoryId){Dish dish =newDish();
        dish.setCategoryId(categoryId);
        dish.setStatus(StatusConstant.ENABLE);//查询起售中的菜品List<DishVO> list = dishService.listWithFlavor(dish);returnResult.success(list);}}

创建CategoryController.java

packagecom.sky.controller.user;@RestController("userCategoryController")@RequestMapping("/user/category")@Api(tags ="C端-分类接口")publicclassCategoryController{@AutowiredprivateCategoryService categoryService;/**
     * 查询分类
     * @param type
     * @return
     */@GetMapping("/list")@ApiOperation("查询分类")publicResult<List<Category>>list(Integer type){List<Category> list = categoryService.list(type);returnResult.success(list);}}

创建SetmealController.java

packagecom.sky.controller.user;@RestController("userSetmealController")@RequestMapping("/user/setmeal")@Api(tags ="C端-套餐浏览接口")publicclassSetmealController{@AutowiredprivateSetmealService setmealService;/**
     * 条件查询
     *
     * @param categoryId
     * @return
     */@GetMapping("/list")@ApiOperation("根据分类id查询套餐")publicResult<List<Setmeal>>list(Long categoryId){Setmeal setmeal =newSetmeal();
        setmeal.setCategoryId(categoryId);
        setmeal.setStatus(StatusConstant.ENABLE);List<Setmeal> list = setmealService.list(setmeal);returnResult.success(list);}/**
     * 根据套餐id查询包含的菜品列表
     *
     * @param id
     * @return
     */@GetMapping("/dish/{id}")@ApiOperation("根据套餐id查询包含的菜品列表")publicResult<List<DishItemVO>>dishList(@PathVariable("id")Long id){List<DishItemVO> list = setmealService.getDishItemById(id);returnResult.success(list);}}

1.3 功能测试

重启服务器、重新编译小程序

微信登录进入首页

菜品和套餐分类查询：

具体分类下的菜品查询：

菜品口味查询：

后记
👉👉💕💕美好的一天，到此结束，下次继续努力！欲知后续，请看下回分解，写作不易，感谢大家的支持！！ 🌹🌹🌹