瑞吉外卖(第六天)

本文详细介绍了移动端用户地址簿的管理功能,包括新增、设置默认地址、查询等功能,并展示了购物车模块的实现,包括添加、删除、查看购物车商品。此外,还涵盖了下单流程,包括获取默认地址、购物车商品信息,以及订单创建和清空购物车的操作。最后,补充了退出登录功能和用户端及后台的订单管理接口。
摘要由CSDN通过智能技术生成

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


需求分析

地址簿,指的是移动端消费者用户的地址信息,用户登录成功后可以维护自己的地址信息。同一个用户可以有多个地址信息,但是只能有一个默认地址
在这里插入图片描述

数据模型
用户的地址信息会存储在address_book表,即地址簿表中。具体表结构如下:
在这里插入图片描述

导入功能代码

功能代码清单:

  • 实体类AddressBook(直接从课程资料中导入即可)
  • Mapper接口AddressBookMapper
  • 业务层接口AddressBookService
  • 业务层实现类AddressBookServicelmpl
  • 控制层AddressBookController(直接从课程资料中导入即可,课程资料中没有删除地址模块)
@Slf4j
@RestController
@RequestMapping("/addressBook")
public class AddressBookController {

    @Autowired
    private AddressBookService addressBookService;

    /**
     * 新增地址
     * @param addressBook
     * @return
     */
    @PostMapping
    public R<AddressBook> insert(@RequestBody AddressBook addressBook){
        addressBook.setUserId(BaseContext.getCurrentID());
        log.info("addressBook:{}", addressBook.toString());
        addressBookService.save(addressBook);
        return R.success(addressBook);
    }

    /**
     * 设置默认地址
     * @param addressBook
     * @return
     */
    @PutMapping("/default")
    public R<AddressBook> setDefault(@RequestBody AddressBook addressBook){
       // 先将与该用户相关的所有地址设置位0,即都不是默认的
        UpdateWrapper<AddressBook> updateWrapper = new UpdateWrapper<>();
        updateWrapper.eq("user_id", BaseContext.getCurrentID());
        updateWrapper.set("is_default", 0);
        addressBookService.update(updateWrapper);
       // 再将传进来的地址设置位1
        addressBook.setIsDefault(1);
        addressBookService.updateById(addressBook);
        return R.success(addressBook);
    }

    /**
     * 根据id查询地址
     * @param id
     * @return
     */
    @GetMapping("/{id}")
    public R<AddressBook> getById(@PathVariable("id") Long id){
        AddressBook addressBook = addressBookService.getById(id);
        if (addressBook != null){
            return R.success(addressBook);
        }
        return R.error("没有该对象");
    }

    /**
     * 查询用户的默认地址
     * @return
     */
    @GetMapping("default")
    public R<AddressBook> getDefault(){
        QueryWrapper<AddressBook> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("user_id", BaseContext.getCurrentID());
        queryWrapper.eq("is_default", 1);
        AddressBook addressBook = addressBookService.getOne(queryWrapper);
        if (addressBook != null){
            return R.success(addressBook);
        }
        return R.error("没有找到默认地址");
    }

    /**
     * 查询用户的所有地址
     * @param addressBook
     * @return
     */
    @GetMapping("/list")
    public R<List<AddressBook>> list(AddressBook addressBook){
        addressBook.setUserId(BaseContext.getCurrentID());
        QueryWrapper<AddressBook> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq(BaseContext.getCurrentID() != null, "user_id", BaseContext.getCurrentID());
        queryWrapper.orderByDesc("update_time");
        List<AddressBook> addressBookList = addressBookService.list(queryWrapper);
        return R.success(addressBookList);
    }

    /**
     * 更新地址
     * @param addressBook
     * @return
     */
    @PutMapping
    public R<AddressBook> update(@RequestBody AddressBook addressBook){
        addressBookService.updateById(addressBook);
        return R.success(addressBook);
    }
    
   /**
     * 删除地址
     * @param ids
     * @return
     */
    @DeleteMapping
    public R<String> delete(@RequestParam("ids") String[] ids){
        log.info("ids:{}", ids);
        for (String id : ids){
            addressBookService.removeById(id);
        }
        return R.success("删除成功");
    }
}

功能测试
在这里插入图片描述

菜品展示


需求分析

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

代码开发

代码开发-梳理交互过程

在开发代码之前,需要梳理一下前端页面和服务端的交互过程:

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

开发菜品展示功能,其实就是在服务端编写代码去处理前端页面发送的这2次请求即可。
注意:首页加载完成后,还发送了一次ajax请求用于加载购物车数据,此处可以将这次请求的地址暂时修改一下,从静态json文件获取数据,等后续开发购物车功能时再修改回来,如下:

//获取购物车内商品的集合
function cartListApi(data) {
    return $axios({
        // 'url': '/shoppingCart/list',
        'url':'/front/cartData.json',
        'method': 'get',
        params:{...data}
    })
}

cartData.json:

{"code":1,"msg":null,"data":[],"map":{}}

改造DishController中的list方法

    @GetMapping("/list")
    public R<List<DishDto>> list(Dish dish){
        QueryWrapper<Dish> queryWrapper = new QueryWrapper<Dish>();
        queryWrapper.eq(dish.getCategoryId() != null, "category_id", dish.getCategoryId());
        // 添加条件,status为1的就是起售
        queryWrapper.eq("status", 1);
        queryWrapper.orderByAsc("sort").orderByDesc("update_time");
        List<Dish> dishList = dishService.list(queryWrapper);
        List<DishDto> dishDtoList = new ArrayList<>();
        for (Dish dish1 : dishList) {
            DishDto dishDto = new DishDto();
            BeanUtils.copyProperties(dish1, dishDto);
            Long categoryId = dish1.getCategoryId();
            //根据id查分类对象
            Category category = categoryService.getById(categoryId);
            if (category != null) {
                String categoryName = category.getName();
                dishDto.setCategoryName(categoryName);
            }
            //当前菜品id
            Long dishId = dish1.getId();
            QueryWrapper<DishFlavor> dishFlavorQueryWrapper = new QueryWrapper<>();
            dishFlavorQueryWrapper.eq("dish_id", dishId);
            List<DishFlavor> dishFlavorList = dishFlavorService.list(dishFlavorQueryWrapper);
            dishDto.setFlavors(dishFlavorList);
            dishDtoList.add(dishDto);
        }
        return R.success(dishDtoList);
    }

在SetmealController里添加list方法显示套餐信息

   /**
     * 根据条件查询套餐信息
     * @param setmeal
     * @return
     */
    @GetMapping("/list")
    public R<List<Setmeal>> list(Setmeal setmeal){
        QueryWrapper<Setmeal> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq(setmeal.getCategoryId() != null, "category_id", setmeal.getCategoryId());
        queryWrapper.eq(setmeal.getStatus() != null, "status", setmeal.getStatus());
        queryWrapper.orderByDesc("update_time");
        List<Setmeal> setmealList = setmealService.list(queryWrapper);
        return R.success(setmealList);
    }

功能测试

在这里插入图片描述

购物车


需求分析

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

数据模型
购物车对应的数据表为shopping_cart表,具体表结构如下:
在这里插入图片描述

代码开发

代码开发-梳理流程

在开发代码之前,需要梳理一下购物车操作时前端页面和服务端的交互过程:

  1. 点击 [加入购物车] 或者 [+] 按钮,页面发送ajax请求,请求服务端,将菜品或者套餐添加到购物车
  2. 点击购物车图标,页面发送ajax请求,请求服务端查询购物车中的菜品和套餐
  3. 点击清空购物车按钮,页面发送ajax请求,请求服务端来执行清空购物车操作

开发购物车功能,其实就是在服务端编写代码去处理前端页面发送的这3次请求即可。

代码开发-准备工作

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

  • 实体类ShoppingCart(直接从课程资料中导入即可)
  • Mapper接口ShoppingCartMapper
  • 业务层接口ShoppingcartService
  • 业务层实现类ShoppingCartServicelmpl
  • 控制层ShoppingCartController
代码开发-添加购物车
   /**
     * 添加购物车
     * @param shoppingCart
     * @return
     */
    @PostMapping("/add")
    public R<ShoppingCart> add(@RequestBody ShoppingCart shoppingCart){
        log.info("shoppingCart:{}", shoppingCart.toString());
        // 设置用户ID,指定是哪个用户的购物车
        shoppingCart.setUserId(BaseContext.getCurrentID());
        // 查询当前菜品或者套餐是否在购物车中
        QueryWrapper<ShoppingCart> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("user_id", BaseContext.getCurrentID());
        Long dishId = shoppingCart.getDishId();
        if (dishId != null){
            // 说明添加的是菜品
            queryWrapper.eq("dish_id", dishId);
        }else{
            // 说明添加的是套餐
            queryWrapper.eq("setmeal_id", shoppingCart.getSetmealId());
        }
        ShoppingCart shoppingCartServiceOne = shoppingCartService.getOne(queryWrapper);
        if (shoppingCartServiceOne != null){
            // 如果在就数量++
            Integer number = shoppingCartServiceOne.getNumber();
            shoppingCartServiceOne.setNumber(number + 1);
            shoppingCartService.updateById(shoppingCartServiceOne);
        }else{
            // 如果不在就插入到购物车中
            shoppingCart.setNumber(1);
            shoppingCart.setCreateTime(LocalDateTime.now());
            shoppingCartService.save(shoppingCart);
            shoppingCartServiceOne = shoppingCart;
        }
        return R.success(shoppingCartServiceOne);
    }
代码开发-删除购物车中的商品
   /**
     * 商品的减少
     * @param shoppingCart
     * @return
     */
    @PostMapping("/sub")
    public R<ShoppingCart> sub(@RequestBody ShoppingCart shoppingCart){
        log.info("{}", shoppingCart.toString());
        QueryWrapper<ShoppingCart> queryWrapper = new QueryWrapper<ShoppingCart>();
        queryWrapper.eq("user_id", BaseContext.getCurrentID());
        Long dishId = shoppingCart.getDishId();
        if (dishId != null){
            queryWrapper.eq("dish_id", dishId);
        }else{
            queryWrapper.eq("setmeal_id", shoppingCart.getSetmealId());
        }
        ShoppingCart cartServiceOne = shoppingCartService.getOne(queryWrapper);
        cartServiceOne.setNumber(cartServiceOne.getNumber() - 1);
        if (cartServiceOne.getNumber() != 0){
            shoppingCartService.updateById(cartServiceOne);
        }else{
            shoppingCartService.remove(queryWrapper);
        }
        return R.success(cartServiceOne);
    }
代码开发-查看购物车

把前端假数据改回来

function cartListApi(data) {
    return $axios({
        'url': '/shoppingCart/list',
        // 'url':'/front/cartData.json',
        'method': 'get',
        params:{...data}
    })
}

查看购物车

   /**
     * 遍历购物车
     * @return
     */
    @GetMapping("/list")
    public R<List<ShoppingCart>> list(){
        QueryWrapper<ShoppingCart> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("user_id", BaseContext.getCurrentID());
        queryWrapper.orderByDesc("create_time");
        List<ShoppingCart> list = shoppingCartService.list(queryWrapper);
        return R.success(list);
    }
代码开发-清空购物车
   /**
     * 清空购物车
     * @return
     */
    @DeleteMapping("/clean")
    public R<String> clean(){
        QueryWrapper<ShoppingCart> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("user_id", BaseContext.getCurrentID());
        shoppingCartService.remove(queryWrapper);
        return R.success("清空购物车成功");
    }

下单


需求分析

移动端用户将菜品或者套餐加入购物车后,可以点击购物车中的 【去结算】 按钮,页面跳转到订单确认页面,点击 【去支付】 按钮则完成下单操作。
数据模型
用户下单业务对应的数据表为orders表和order_detail表:

  • orders表:

在这里插入图片描述

  • order_detail表:

在这里插入图片描述

代价开发

代码开发-梳理流程

在开发代码之前,需要梳理一下用户下单操作时前端页面和服务端的交互过程:

  1. 在购物车中点击 【去结算】 按钮,页面跳转到订单确认页面
  2. 在订单确认页面,发送ajax请求,请求服务端获取当前登录用户的默认地址
  3. 在订单确认页面,发送ajax请求,请求服务端获取当前登录用户的购物车信息
  4. 在订单确认页面点击 【去支付】 按钮,发送ajax请求,请求服务端完成下单操作

开发用户下单功能,其实就是在服务端编写代码去处理前端页面发送的请求即可。

代码开发-准备工作

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

  • 实体类Orders、OrderDetail(直接从课程资料中导入即可)
  • Mapper接口OrderMapper、OrderDetailMapper
  • 业务层接口OrderService、OrderDetailService
  • 业务层实现类OrderServicelmpl、OrderDetailServicelmpl
  • 控制层OrderController、OrderDetailController
代码开发

在OrderService添加submit方法用于用户下单

@Service
public class OrdersServiceImpl extends ServiceImpl<OrdersMapper, Orders> implements OrdersService{

    @Autowired
    private ShoppingCartService shoppingCartService;

    @Autowired
    private UserService userService;

    @Autowired
    private AddressBookService addressBookService;

    @Autowired
    private OrderDetailService orderDetailService;

    @Override
    @Transactional
    public void submit(Orders orders) {
        // 获取当前用户ID
        Long userId = BaseContext.getCurrentID();
        // 查询当前用户的购物车信息
        QueryWrapper<ShoppingCart> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("user_id", userId);
        List<ShoppingCart> shoppingCartList = shoppingCartService.list(queryWrapper);
        if (shoppingCartList == null || shoppingCartList.size() == 0){
            throw new CustomException("购物车为空,不能下单");
        }
        // 查询用户数据
        User user = userService.getById(userId);
        // 查询地址信息
        AddressBook addressBook = addressBookService.getById(orders.getAddressBookId());
        if (addressBook == null){
            throw new CustomException("地址信息有误,不能下单");
        }

        long orderId = IdWorker.getId();//订单号
        AtomicInteger amount=new AtomicInteger(0);
        List<OrderDetail> orderDetails = shoppingCartList.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.setNumber(String.valueOf(orderId));
        orders.setId(orderId);
        orders.setOrderTime(LocalDateTime.now());
        orders.setCheckoutTime(LocalDateTime.now());
        orders.setStatus(2);
        orders.setAmount(new BigDecimal(amount.get()));//计算总金额
        orders.setUserId(userId);
        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);
        // 向订单明细表中插入数据,多条
        orderDetailService.saveBatch(orderDetails);
        // 清空购物车
        shoppingCartService.remove(queryWrapper);
    }
}

功能测试

下单界面:
在这里插入图片描述

下单成功界面:
在这里插入图片描述

功能补充

退出登录

在UserController中添加loginout方法

   /**
     * 退出登录
     * @param session
     * @return
     */
    @PostMapping("/loginout")
    public R<String> loginOut(HttpSession session){
        session.removeAttribute("user");
        return R.success("退出成功");
    }

订单管理(用户端)

导入OrderDto需要手动添加private int sumNum;(前端会计算数量)
在OrderController中添加userPage方法

/**
     * 用户端订单分页
     * @param page
     * @param pageSize
     * @return
     */
    @GetMapping("/userPage")
    public R<Page> userPage(int page, int pageSize){
        Page<Orders> pageInfo = new Page<>(page, pageSize);
        Page<OrdersDto> dtoPage = new Page<>();
        QueryWrapper<Orders> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("user_id", BaseContext.getCurrentID());
        queryWrapper.orderByDesc("order_time");
        ordersService.page(pageInfo, queryWrapper);
        BeanUtils.copyProperties(pageInfo, dtoPage, "records");
        List<Orders> records = pageInfo.getRecords();
        List<OrdersDto> dtoList = new ArrayList<>();
        Iterator<Orders> iterator = records.iterator();
        while (iterator.hasNext()){
            Orders next = iterator.next();
            OrdersDto ordersDto = new OrdersDto();
            BeanUtils.copyProperties(next, ordersDto);
            Long id = next.getId();
            Orders byId = ordersService.getById(id);
            String number = byId.getNumber();
            QueryWrapper<OrderDetail> orderDetailQueryWrapper = new QueryWrapper<>();
            orderDetailQueryWrapper.eq("order_id", number);
            List<OrderDetail> orderDetails = orderDetailService.list(orderDetailQueryWrapper);
            int num=0;
            for(OrderDetail l : orderDetails){
                num += l.getNumber();
            }
            log.info("num:{}", num);
            ordersDto.setSumNum(num);
            dtoList.add(ordersDto);
        }
        dtoPage.setRecords(dtoList);
        return R.success(dtoPage);
    }

管理订单明细(后台)

在OrderController添加page方法处理get请求

   /**
     * 后台订单管理分页
     * @param page
     * @param pageSize
     * @param number
     * @param beginTime
     * @param endTime
     * @return
     */
    @GetMapping("/page")
    public R<Page> page(int page, int pageSize, String number, String beginTime, String endTime){
        Page<Orders> pageInfo = new Page<>(page, pageSize);
        Page<OrdersDto> dtoPage = new Page<>();
        QueryWrapper<Orders> queryWrapper = new QueryWrapper<>();
        queryWrapper.like(number != null, "number", number);
        if (beginTime != null && endTime != null){
            queryWrapper.ge("begin_time", beginTime);
            queryWrapper.le("end_time", endTime);
        }
        queryWrapper.orderByDesc("order_time");
        ordersService.page(pageInfo, queryWrapper);
        BeanUtils.copyProperties(pageInfo, dtoPage);
        List<Orders> records = pageInfo.getRecords();
        List<OrdersDto> dtoList = new ArrayList<>();
        for (Orders orders : records){
            OrdersDto ordersDto = new OrdersDto();
            BeanUtils.copyProperties(orders, ordersDto);
            String name = "用户" + orders.getUserId();
            ordersDto.setUserName(name);
            dtoList.add(ordersDto);
        }
        dtoPage.setRecords(dtoList);
        return R.success(dtoPage);
    }

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值