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

素颜马尾好姑娘i 2024-04-17 06:46 75阅读 0赞

#### 购物车相关 ####

*  1.添加购物车
 *   *  1.1 需求分析和设计
     *   *  1.1.1 产品原型
         *  1.1.2 接口设计
         *  1.1.3 表设计
     *  1.2 代码开发
     *   *  1.2.1 DTO设计
         *  1.2.2 Controller层
         *  1.2.3 Service层接口
         *  1.2.4 Service层实现类
         *  1.2.5 Mapper层
 *  2. 查看购物车
 *   *  2.1 需求分析和设计
     *   *  2.1.1 产品原型
         *  2.1.2 接口设计
     *  2.2 代码开发
     *   *  2.2.1 Controller层
         *  2.2.2 Service层接口
         *  2.2.3 Service层实现类
     *  2.3 功能测试
 *  3. 清空购物车
 *   *  3.1 需求分析和设计
     *   *  3.1.1 产品原型
         *  3.1.2 接口设计
     *  3.2 代码开发
     *   *  3.2.1 Controller层
         *  3.2.2 Service层接口
         *  3.2.3 Service层实现类
         *  3.2.4 Mapper层

## 1.添加购物车 ##

### 1.1 需求分析和设计 ###

#### 1.1.1 产品原型 ####

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

**效果图：**

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

#### 1.1.2 接口设计 ####

通过上述原型图，设计出对应的添加购物车接口。  
![在这里插入图片描述][e73a3008fb3d454c845a38cb4149a3a4.png]

**说明**：添加购物车时，有可能添加菜品，也有可能添加套餐。故传入参数要么是菜品id，要么是套餐id。

#### 1.1.3 表设计 ####

用户的购物车数据，也是需要保存在数据库中的，购物车对应的数据表为shopping\_cart表，具体表结构如下：

<table> 
 <thead> 
  <tr> 
   <th><strong>字段名</strong></th> 
   <th><strong>数据类型</strong></th> 
   <th><strong>说明</strong></th> 
   <th><strong>备注</strong></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>id</td> 
   <td>bigint</td> 
   <td>主键</td> 
   <td>自增</td> 
  </tr> 
  <tr> 
   <td>name</td> 
   <td>varchar(32)</td> 
   <td>商品名称</td> 
   <td>冗余字段</td> 
  </tr> 
  <tr> 
   <td>image</td> 
   <td>varchar(255)</td> 
   <td>商品图片路径</td> 
   <td>冗余字段</td> 
  </tr> 
  <tr> 
   <td>user_id</td> 
   <td>bigint</td> 
   <td>用户id</td> 
   <td>逻辑外键</td> 
  </tr> 
  <tr> 
   <td>dish_id</td> 
   <td>bigint</td> 
   <td>菜品id</td> 
   <td>逻辑外键</td> 
  </tr> 
  <tr> 
   <td>setmeal_id</td> 
   <td>bigint</td> 
   <td>套餐id</td> 
   <td>逻辑外键</td> 
  </tr> 
  <tr> 
   <td>dish_flavor</td> 
   <td>varchar(50)</td> 
   <td>菜品口味</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>number</td> 
   <td>int</td> 
   <td>商品数量</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>amount</td> 
   <td>decimal(10,2)</td> 
   <td>商品单价</td> 
   <td>冗余字段</td> 
  </tr> 
  <tr> 
   <td>create_time</td> 
   <td>datetime</td> 
   <td>创建时间</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

**说明：**

*  购物车数据是关联用户的，在表结构中，我们需要记录，每一个用户的购物车数据是哪些
 *  菜品列表展示出来的既有套餐，又有菜品，如果用户选择的是套餐，就保存套餐ID(setmeal\_id)，如果用户选择的是菜品，就保存菜品ID(dish\_id)
 *  对同一个菜品/套餐，如果选择多份不需要添加多条记录，增加数量number即可

### 1.2 代码开发 ###

#### 1.2.1 DTO设计 ####

**根据添加购物车接口的参数设计DTO：**

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

在sky-pojo模块，ShoppingCartDTO.java已定义

package com.sky.dto;
    
    import lombok.Data;
    import java.io.Serializable;
    
    @Data
    public class ShoppingCartDTO implements Serializable {
        
    
        private Long dishId;
        private Long setmealId;
        private String dishFlavor;
    
    }

#### 1.2.2 Controller层 ####

**根据添加购物车接口创建ShoppingCartController：**

package com.sky.controller.user;
    
    
    /**
     * 购物车
     */
    @RestController
    @RequestMapping("/user/shoppingCart")
    @Slf4j
    @Api(tags = "C端-购物车接口")
    public class ShoppingCartController {
        
    
        @Autowired
        private ShoppingCartService shoppingCartService;
    
        /**
         * 添加购物车
         * @param shoppingCartDTO
         * @return
         */
        @PostMapping("/add")
        @ApiOperation("添加购物车")
        public Result<String> add(@RequestBody ShoppingCartDTO shoppingCartDTO){
        
            log.info("添加购物车：{}", shoppingCartDTO);
            shoppingCartService.addShoppingCart(shoppingCartDTO);//后绪步骤实现
            return Result.success();
        }
    }

#### 1.2.3 Service层接口 ####

**创建ShoppingCartService接口：**

package com.sky.service;
    
    public interface ShoppingCartService {
        
    
        /**
         * 添加购物车
         * @param shoppingCartDTO
         */
        void addShoppingCart(ShoppingCartDTO shoppingCartDTO);
    }

#### 1.2.4 Service层实现类 ####

**创建ShoppingCartServiceImpl实现类，并实现add方法：**

package com.sky.service.impl;
    
    @Service
    public class ShoppingCartServiceImpl implements ShoppingCartService {
        
    
        @Autowired
        private ShoppingCartMapper shoppingCartMapper;
        @Autowired
        private DishMapper dishMapper;
        @Autowired
        private SetmealMapper setmealMapper;
        
        /**
         * 添加购物车
         *
         * @param shoppingCartDTO
         */
        public void addShoppingCart(ShoppingCartDTO shoppingCartDTO) {
        
            ShoppingCart shoppingCart = new ShoppingCart();
            BeanUtils.copyProperties(shoppingCartDTO, shoppingCart);
            //只能查询自己的购物车数据
            shoppingCart.setUserId(BaseContext.getCurrentId());
    
            //判断当前商品是否在购物车中
            List<ShoppingCart> shoppingCartList = shoppingCartMapper.list(shoppingCart);
    
            if (shoppingCartList != null && shoppingCartList.size() == 1) {
        
                //如果已经存在，就更新数量，数量加1
                shoppingCart = shoppingCartList.get(0);
                shoppingCart.setNumber(shoppingCart.getNumber() + 1);
                shoppingCartMapper.updateNumberById(shoppingCart);
            } else {
        
                //如果不存在，插入数据，数量就是1
    
                //判断当前添加到购物车的是菜品还是套餐
                Long dishId = shoppingCartDTO.getDishId();
                if (dishId != null) {
        
                    //添加到购物车的是菜品
                    Dish dish = dishMapper.getById(dishId);
                    shoppingCart.setName(dish.getName());
                    shoppingCart.setImage(dish.getImage());
                    shoppingCart.setAmount(dish.getPrice());
                } else {
        
                    //添加到购物车的是套餐
                    Setmeal setmeal = setmealMapper.getById(shoppingCartDTO.getSetmealId());
                    shoppingCart.setName(setmeal.getName());
                    shoppingCart.setImage(setmeal.getImage());
                    shoppingCart.setAmount(setmeal.getPrice());
                }
                shoppingCart.setNumber(1);
                shoppingCart.setCreateTime(LocalDateTime.now());
                shoppingCartMapper.insert(shoppingCart);
            }
        }
    }

#### 1.2.5 Mapper层 ####

**创建ShoppingCartMapper接口:**

package com.sky.mapper;
    
    @Mapper
    public interface ShoppingCartMapper {
        
        /**
         * 条件查询
         *
         * @param shoppingCart
         * @return
         */
        List<ShoppingCart> list(ShoppingCart shoppingCart);
    
        /**
         * 更新商品数量
         *
         * @param shoppingCart
         */
        @Update("update shopping_cart set number = #{number} where id = #{id}")
        void updateNumberById(ShoppingCart shoppingCart);
    
        /**
         * 插入购物车数据
         *
         * @param shoppingCart
         */
        @Insert("insert into shopping_cart (name, user_id, dish_id, setmeal_id, dish_flavor, number, amount, image, create_time) " +
                " values (#{name},#{userId},#{dishId},#{setmealId},#{dishFlavor},#{number},#{amount},#{image},#{createTime})")
        void insert(ShoppingCart shoppingCart);
    
    }

**创建ShoppingCartMapper.xml：**

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
    <mapper namespace="com.sky.mapper.ShoppingCartMapper">
        <select id="list" parameterType="ShoppingCart" resultType="ShoppingCart">
            select * from shopping_cart
            <where>
                <if test="userId != null">
                    and user_id = #{userId}
                </if>
                <if test="dishId != null">
                    and dish_id = #{dishId}
                </if>
                <if test="setmealId != null">
                    and setmeal_id = #{setmealId}
                </if>
                <if test="dishFlavor != null">
                    and dish_flavor = #{dishFlavor}
                </if>
            </where>
            order by create_time desc
        </select>
    </mapper>

## 2. 查看购物车 ##

### 2.1 需求分析和设计 ###

#### 2.1.1 产品原型 ####

当用户添加完菜品和套餐后，可进入到购物车中，查看购物中的菜品和套餐。

#### 2.1.2 接口设计 ####

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

### 2.2 代码开发 ###

#### 2.2.1 Controller层 ####

**在ShoppingCartController中创建查看购物车的方法：**

/**
         * 查看购物车
         * @return
         */
        @GetMapping("/list")
        @ApiOperation("查看购物车")
        public Result<List<ShoppingCart>> list(){
        
            return Result.success(shoppingCartService.showShoppingCart());
        }

#### 2.2.2 Service层接口 ####

**在ShoppingCartService接口中声明查看购物车的方法：**

/**
         * 查看购物车
         * @return
         */
        List<ShoppingCart> showShoppingCart();

#### 2.2.3 Service层实现类 ####

**在ShoppingCartServiceImpl中实现查看购物车的方法：**

/**
         * 查看购物车
         * @return
         */
        public List<ShoppingCart> showShoppingCart() {
        
            return shoppingCartMapper.list(ShoppingCart.
                                           builder().
                                           userId(BaseContext.getCurrentId()).
                                           build());
        }

### 2.3 功能测试 ###

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

## 3. 清空购物车 ##

### 3.1 需求分析和设计 ###

#### 3.1.1 产品原型 ####

当点击清空按钮时，会把购物车中的数据全部清空。  
![在这里插入图片描述][f969658c0eb2455c93782b10124f118a.png]

#### 3.1.2 接口设计 ####

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

### 3.2 代码开发 ###

#### 3.2.1 Controller层 ####

**在ShoppingCartController中创建清空购物车的方法：**

/**
         * 清空购物车商品
         * @return
         */
        @DeleteMapping("/clean")
        @ApiOperation("清空购物车商品")
        public Result<String> clean(){
        
            shoppingCartService.cleanShoppingCart();
            return Result.success();
        }

#### 3.2.2 Service层接口 ####

**在ShoppingCartService接口中声明清空购物车的方法：**

/**
         * 清空购物车商品
         */
        void cleanShoppingCart();

#### 3.2.3 Service层实现类 ####

**在ShoppingCartServiceImpl中实现清空购物车的方法：**

/**
         * 清空购物车商品
         */
        public void cleanShoppingCart() {
        
            shoppingCartMapper.deleteByUserId(BaseContext.getCurrentId());
        }

#### 3.2.4 Mapper层 ####

**在ShoppingCartMapper接口中创建删除购物车数据的方法：**

/**
         * 根据用户id删除购物车数据
         *
         * @param userId
         */
        @Delete("delete from shopping_cart where user_id = #{userId}")
        void deleteByUserId(Long userId);

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

[b53d08f77a0d4450906895685d03f7b3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/3f728cdf0bb044e3a242d5d11506b0c1.png
[e73a3008fb3d454c845a38cb4149a3a4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/998dfa13f3e24c7ea7b46ba0feb69187.png
[60e68c6b31ad4596b946ce4422a6b5d4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/708cb667666545bcae5fec46fc941bdb.png
[63053a1958e84317a4025850dd1cf1d5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/cc07535f47ff427bac46a39f3a7e4475.png
[323a8048f89a4059b2837b27ef417aec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/13b05e9b14c14de795ac0ab4575415d6.png
[f969658c0eb2455c93782b10124f118a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/4e739f0a5d9e48ab99aea2b76355ea15.png
[980e8e89213040c3819e80e052321fd3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/fb5ba5a45c224cdea78c24783a44cf0f.png