瑞吉外卖——菜品展示功能(移动端)

需求分析

  • 用户登录成功后跳转到系统首页,在首页需要根据菜品和套餐分类展示对应的菜品信息,如果菜品有对应的口味,用户可以通过选择规格按钮来选择读音的口味和规格。

代码开发

页面和服务端交互过程:

  • 页面发送ajax请求,获取分类数据(菜品分类和套餐分类)。
  • 页面发送ajax请求,获取第一个分类或套餐下的菜品。

注意:
首次加载完成后还发送了一次请求用于加载购物车数据,此处将请求地址暂时修改,从静态json文件获取,后续再返回修改。
在这里插入图片描述
在这里插入图片描述

修改Dishcontroller的list方法
在原来的功能上追加口味信息。

  /**
   * 根据条件查询对应的菜品信息。
   *
   * @param dish
   * @return
   */
  @GetMapping("/list")
  public R<List<DishDto>> list(Dish dish) {
    log.info("接收参数:{}", dish);
    // 构造查询条件
    LambdaQueryWrapper<Dish> queryWrapper = new LambdaQueryWrapper<>();
    // 查询起售的。
    queryWrapper.eq(Dish::getStatus, 1);
    queryWrapper.eq(dish.getCategoryId() != null, Dish::getCategoryId, dish.getCategoryId());
    // 添加排序条件
    queryWrapper.orderByAsc(Dish::getSort).orderByDesc(Dish::getUpdateTime);
    // 执行查询
    List<Dish> dishList = dishService.list(queryWrapper);
    // 在原来的基础上追加flavor信息。
    // stream处理。
    List<DishDto> dishDtoList =
        dishList.stream()
            .map(
                (item) -> {
                  DishDto dishDto = new DishDto();
                  BeanUtils.copyProperties(item, dishDto);
                  // 分类id
                  Long categoryId = item.getCategoryId();
                  // 根据id查分类对象。
                  Category category = categoryService.getById(categoryId);
                  // 获取categoryName
                  if (category != null) {
                    String categoryName = category.getName();
                    dishDto.setCategoryName(categoryName);
                  }
                  // 在原来的基础上追加flavor信息。
                  Long dishId = item.getId();
                  LambdaQueryWrapper<DishFlavor> lambdaqw = new LambdaQueryWrapper<>();
                  lambdaqw.eq(DishFlavor::getDishId,dishId);
                  List<DishFlavor> dishFlavors = dishFlavorService.list(lambdaqw);
                  dishDto.setFlavors(dishFlavors);
                  return dishDto;
                })
            .collect(Collectors.toList());

    return R.success(dishDtoList);
  }

在SetmealController中创建list

  /**
   * (移动端)套餐菜品展示。 根据条件查询套餐数据。
   *
   * @param setmeal
   * @return
   */
  @GetMapping("/list")
  public R<List<Setmeal>> list(Setmeal setmeal) {
    log.info("套餐菜品展示{}", setmeal);
    // select * from setmeal where categoryId = and status=;
    LambdaQueryWrapper<Setmeal> queryWrapper = new LambdaQueryWrapper<>();
    queryWrapper.eq(setmeal != null, Setmeal::getCategoryId, setmeal.getCategoryId());
    queryWrapper.eq(setmeal != null, Setmeal::getStatus, setmeal.getStatus());
    // 排序。
    queryWrapper.orderByDesc(Setmeal::getUpdateTime);
    List<Setmeal> setmealList = setmealService.list(queryWrapper);
    return R.success(setmealList);
  }
//SELECT id,category_id,name,price,status,code,description,image,create_time,update_time,create_user,update_user,is_deleted FROM //setmeal WHERE (category_id = ? AND status = ?) ORDER BY update_time DESC

功能测试

功能测试通过。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值