当前位置：首页 > news >正文

【瑞吉外卖 | day07】移动端菜品展示、购物车、下单

news 来源：原创 2024/9/21 3:12:56

在这里插入图片描述

文章目录

瑞吉外卖 — day7
- 1. 导入用户地址簿相关功能代码
- - 1.1 需求分析
  - 1.2 数据模型
  - 1.3 代码开发
- 2. 菜品展示
- - 2.1 需求分析
  - 2.2 代码开发
- 3. 购物车
- - 3.1 需求分析
  - 3.2 数据模型
  - 3.3 代码开发
- 4. 下单
- - 4.1 需求分析
  - 4.2 数据模型
  - 4.3 代码开发

瑞吉外卖 — day7

移动端相关业务功能 —— 菜品展示、购物车、下单

1. 导入用户地址簿相关功能代码

1.1 需求分析

地址簿，指的是移动端消费者用户的地址信息，用户登录成功后可以维护自己的地址信息。同一个用户可以有多个地址信息，但是只能有一个默认地址。

1.2 数据模型

用户的地址信息会存储在address_book表，即地址簿表中。

1.3 代码开发

导入功能代码

实体类AddressBook（直接从课程资料中导入即可)

Mapper接口AddressBookMapper

业务层接口AddressBookService

业务层实现类AddressBookServicelmpl

控制层AddressBookController(直接从课程资料中导入即可)

AddressBookController代码

/*** 地址簿管理*/
@Slf4j
@RestController
@RequestMapping("/addressBook")
public class AddressBookController {@Autowiredprivate AddressBookService addressBookService;/*** 新增*/@PostMappingpublic R<AddressBook> save(@RequestBody AddressBook addressBook) {addressBook.setUserId(BaseContext.getCurrentId());log.info("addressBook:{}", addressBook);addressBookService.save(addressBook);return R.success(addressBook);}/*** 设置默认地址*/@PutMapping("default")public R<AddressBook> setDefault(@RequestBody AddressBook addressBook) {log.info("addressBook:{}", addressBook);LambdaUpdateWrapper<AddressBook> wrapper = new LambdaUpdateWrapper<>();wrapper.eq(AddressBook::getUserId, BaseContext.getCurrentId());wrapper.set(AddressBook::getIsDefault, 0);//SQL:update address_book set is_default = 0 where user_id = ?addressBookService.update(wrapper);addressBook.setIsDefault(1);//SQL:update address_book set is_default = 1 where id = ?addressBookService.updateById(addressBook);return R.success(addressBook);}/*** 根据id查询地址*/@GetMapping("/{id}")public R get(@PathVariable Long id) {AddressBook addressBook = addressBookService.getById(id);if (addressBook != null) {return R.success(addressBook);} else {return R.error("没有找到该对象");}}/*** 查询默认地址*/@GetMapping("default")public R<AddressBook> getDefault() {LambdaQueryWrapper<AddressBook> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(AddressBook::getUserId, BaseContext.getCurrentId());queryWrapper.eq(AddressBook::getIsDefault, 1);//SQL:select * from address_book where user_id = ? and is_default = 1AddressBook addressBook = addressBookService.getOne(queryWrapper);if (null == addressBook) {return R.error("没有找到该对象");} else {return R.success(addressBook);}}/*** 查询指定用户的全部地址*/@GetMapping("/list")public R<List<AddressBook>> list(AddressBook addressBook) {addressBook.setUserId(BaseContext.getCurrentId());log.info("addressBook:{}", addressBook);//条件构造器LambdaQueryWrapper<AddressBook> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(null != addressBook.getUserId(), AddressBook::getUserId, addressBook.getUserId());queryWrapper.orderByDesc(AddressBook::getUpdateTime);//SQL:select * from address_book where user_id = ? order by update_time descreturn R.success(addressBookService.list(queryWrapper));}
}

2. 菜品展示

2.1 需求分析

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

2.2 代码开发

前端与服务端交互过程

1、页面(front/index.html)发送ajax请求，获取分类数据（菜品分类和套餐分类)

2、页面发送ajax请求，获取第一个分类下的菜品或者套餐
页面(front/index.html)发送ajax请求，获取分类数据（菜品分类和套餐分类)

页面发送ajax请求，获取第一个分类下的菜品或者套餐

DishController中：

@GetMapping("list")public R<List<DishDto>> 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);List<DishDto> dishDtoList = list.stream().map((item) -> {DishDto dishDto = new DishDto();BeanUtils.copyProperties(item,dishDto);Long categoryId = item.getCategoryId();//根据id查询分类对象Category category = categoryService.getById(categoryId);if(category != null){String categoryName = category.getName();dishDto.setCategoryName(categoryName);}//当前菜品的idLong dishId = item.getId();LambdaQueryWrapper<DishFlavor> lambdaQueryWrapper = new LambdaQueryWrapper<>();lambdaQueryWrapper.eq(DishFlavor::getDishId,dishId);List<DishFlavor> dishFlavorList = dishFlavorService.list(lambdaQueryWrapper);dishDto.setFlavors(dishFlavorList);return dishDto;}).collect(Collectors.toList());return R.success(dishDtoList);}

SetmealController中：

/*** 根据条件查询套餐数据* @param setmeal* @return*/@GetMapping("list")public R<List<Setmeal>> list(Setmeal setmeal){LambdaQueryWrapper<Setmeal> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(setmeal.getCategoryId()!= null,Setmeal::getCategoryId,setmeal.getCategoryId());queryWrapper.eq(setmeal.getStatus() != null, Setmeal::getStatus, setmeal.getStatus());queryWrapper.orderByDesc(Setmeal::getUpdateTime);List<Setmeal> list = setmealService.list(queryWrapper);return R.success(list);}

3. 购物车

3.1 需求分析

移动端用户可以将菜品或者套餐添加到购物车。对于菜品来说，如果设置了口味信息，则需要选择规格后才能加入购物车;对于套餐来说，可以直接点击将当前套餐加入购物车。在购物车中可以修改菜品和套餐的数量，也可以清空购物车。

3.2 数据模型

购物车对应的数据表为shopping_cart表

3.3 代码开发

前段与服务端交互过程

1、点击加入购物车或者＋按钮，页面发送ajax请求，请求服务端，将菜品或者套餐添加到购物车

2、点击购物车图标，页面发送ajax请求，请求服务端查询购物车中的菜品和套餐

3、点击清空购物车按钮，页面发送ajax请求，请求服务端来执行清空购物车操作
创建需要的类和接口

实体类ShoppingCart ( 直接从课程资料中导入即可)

Mapper接口ShoppingCartMapper

业务层接口ShoppingCartService

业务层实现类ShoppingCartServicelmpl

控制层ShoppingCartController

将菜品或者套餐添加到购物车

@RestController
@RequestMapping("shoppingCart")
@Slf4j
public class ShoppingCartController {@Autowiredprivate ShoppingCartService shoppingCartService;/*** 添加购物车* @param shoppingCart* @return*/@PostMapping("add")public R<ShoppingCart> add(@RequestBody ShoppingCart shoppingCart){log.info("购物车数据：{}",shoppingCart);//设置用户id，指定当前是哪个用户的购物车数据Long currentId = BaseContext.getCurrentId();shoppingCart.setUserId(currentId);LambdaQueryWrapper<ShoppingCart> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(ShoppingCart::getUserId,currentId);//查询当前菜品或套餐，是否在购物车中Long dishId = shoppingCart.getDishId();if(dishId != null){//添加到购物车的是菜品queryWrapper.eq(ShoppingCart::getDishId,dishId);}else{//添加到购物车的是套餐queryWrapper.eq(ShoppingCart::getSetmealId,shoppingCart.getSetmealId());}ShoppingCart cart = shoppingCartService.getOne(queryWrapper);//如果已存在，在原来数量基础上+1if(cart != null){Integer number = cart.getNumber();cart.setNumber(number+1);shoppingCartService.updateById(cart);}else{//如果不存在，则添加到购物车，数量默认就是1shoppingCart.setNumber(1);shoppingCart.setCreateTime(LocalDateTime.now());shoppingCartService.save(shoppingCart);cart = shoppingCart;}return R.success(cart);}
}

查询购物车中的菜品和套餐

/*** 查看购物车当前数据* @return*/@GetMapping("list")public R<List<ShoppingCart>> list(){log.info("查看购物车...");LambdaQueryWrapper<ShoppingCart> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(ShoppingCart::getUserId,BaseContext.getCurrentId());queryWrapper.orderByAsc(ShoppingCart::getCreateTime);List<ShoppingCart> list = shoppingCartService.list(queryWrapper);return R.success(list);}

清空购物车操作

/*** 清空购物车* @return*/@DeleteMapping("clean")public R<String> clean(){LambdaQueryWrapper<ShoppingCart> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(ShoppingCart::getUserId,BaseContext.getCurrentId());shoppingCartService.remove(queryWrapper);return R.success("清空购物车成功！");}

4. 下单

4.1 需求分析

移动端用户将菜品或者套餐加入购物车后，可以点击购物车中的去结算按钮，页面跳转到订单确认页面，点击去支付按钮则完成下单操作。

4.2 数据模型

orders：订单表
order_ detail:：订单明细表

4.3 代码开发

前端页面与服务端交互过程

1、在购物车中点击去结算按钮，页面跳转到订单确认页面

2、在订单确认页面，发送ajax请求,请求服务端获取当前登录用户的默认地址

3、在订单确认页面，发送ajax请求，请求服务端获取当前登录用户的购物车数据

4、在订单确认页面点击去支付按钮，发送ajax请求，请求服务端完成下单操作
基本的类和接口

实体类Orders、OrderDetail (直接从课程资料中导入即可)

Mapper接口OrderMapper、OrderDetailMapper

业务层接口OrderService、OrderDetailService

业务层实现类OrderServicelmpl、OrderDetailServicelmpl

控制层OrderController、OrderDetailController

OrderController代码：

@RestController
@RequestMapping("order")
@Slf4j
public class OrderController {@Autowiredprivate OrdersService ordersService;/*** 用户下单* @param orders* @return*/@PostMapping("submit")public R<String> submit(@RequestBody Orders orders){log.info("订单数据：{}",orders);ordersService.submit(orders);return R.success("下单成功");}
}

OrdersServiceImpl代码：

@Service
public class OrdersServiceImpl extends ServiceImpl<OrdersMapper, Orders>implements OrdersService{@Autowiredprivate ShoppingCartService shoppingCartService;@Autowiredprivate UserService userService;@Autowiredprivate AddressBookService addressBookService;@Autowiredprivate OrderDetailService orderDetailService;/*** 用户下单* @param orders*/@Override@Transactionalpublic void submit(Orders orders) {//获取当前用户idLong currentId = BaseContext.getCurrentId();//查询当前用户购物车数据LambdaQueryWrapper<ShoppingCart> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(ShoppingCart::getUserId,currentId);List<ShoppingCart> shoppingCarts = shoppingCartService.list(queryWrapper);if(shoppingCarts == null || shoppingCarts.size() == 0){throw new CustomerException("购物车为空，不能下单");}//查询用户数据User user = userService.getById(currentId);//查询地址数据Long addressBookId = orders.getAddressBookId();AddressBook addressBook = addressBookService.getById(addressBookId);if(addressBook == null){throw new CustomerException("用户地址信息有误，不能下单");}long orderId = IdWorker.getId();//订单号//原子操作，保证线程安全AtomicInteger amount = new AtomicInteger(0);List<OrderDetail> orderDetails = shoppingCarts.stream().map((item)->{OrderDetail orderDetail = new OrderDetail();orderDetail.setOrderId(orderId);orderDetail.setNumber(item.getNumber());orderDetail.setDishFlavor(item.getDishFlavor());orderDetail.setDishId(item.getDishId());orderDetail.setSetmealId(item.getSetmealId());orderDetail.setName(item.getName());orderDetail.setImage(item.getImage());orderDetail.setAmount(item.getAmount());amount.addAndGet(item.getAmount().multiply(new BigDecimal(item.getNumber())).intValue());return orderDetail;}).collect(Collectors.toList());//向orders表插入数据，一条数据orders.setId(orderId);orders.setOrderTime(LocalDateTime.now());orders.setCheckoutTime(LocalDateTime.now());orders.setStatus(2);orders.setAmount(new BigDecimal(amount.get()));//总金额orders.setUserId(currentId);orders.setNumber(String.valueOf(orderId));orders.setUserName(user.getName());orders.setConsignee(addressBook.getConsignee());orders.setPhone(addressBook.getPhone());orders.setAddress((addressBook.getProvinceName() == null ? "" : addressBook.getProvinceName())+ (addressBook.getCityName() == null ? "" : addressBook.getCityName())+ (addressBook.getDistrictName() == null ? "" : addressBook.getDistrictName())+ (addressBook.getDetail() == null ? "" : addressBook.getDetail()));this.save(orders);//向order_detail表插入数据，多条数据orderDetailService.saveBatch(orderDetails);//清空购物车数据shoppingCartService.remove(queryWrapper);}
}