删除购物车数据

1. 后端接口设计

请求方式 ： DELETE /cart/

请求参数：

返回数据：无，状态码204

2. 后端实现

在carts/serializers.py 中新建序列化器

class CartDeleteSerializer(serializers.Serializer):
    """
    删除购物车数据序列化器
    """
    sku_id = serializers.IntegerField(label='商品id', min_value=1)

    def validate_sku_id(self, value):
        try:
            sku = SKU.objects.get(id=value)
        except SKU.DoesNotExist:
            raise serializers.ValidationError('商品不存在')

        return value

在carts/views.py 中修改视图，增加delete方法

 class CartView(APIView):
    ...

    def delete(self, request):
        """
        购物车记录删除
        """
        # 1. 获取sku_id并进行校验
        serializer = CartDeleteSerializer(data=request.data)
        serializer.is_valid(raise_exception=True)

        sku_id = serializer.validated_data['sku_id']

        # 2. 获取user
        try:
            user = request.user
        except Exception:
            user = None

        # 3. 删除用户的购物车记录
        if user is not None and user.is_authenticated:
            # 3.1 如果用户已登录，删除redis中对应的购物车记录
            redis_conn = get_redis_connection('cart')
            pl = redis_conn.pipeline()

            # 删除购物车记录中对应商品id和count hash
            cart_key = 'cart_%s' % user.id
            # hdel(key, *fields): 删除hash中的指定属性和值，如果属性field不存在，直接忽略
            pl.hdel(cart_key, sku_id)

            # 删除购物车记录中对应商品勾选状态 set
            cart_selected_key = 'cart_selected_%s' % user.id
            # srem(key, *values): 删除set中指定元素，如果元素不存在，直接忽略
            pl.srem(cart_selected_key, sku_id)

            pl.execute()

            # 返回应答
            return Response(status=status.HTTP_204_NO_CONTENT)
        else:
            # 3.2 如果用户未登录，删除cookie中对应的购物车记录
            response = Response(status=status.HTTP_204_NO_CONTENT)
            cookie_cart = request.COOKIES.get('cart')  # None

            if cookie_cart is None:
                return response

            # 解析购物车中数据
            cart_dict = pickle.loads(base64.b64decode(cookie_cart))  # {}

            if not cart_dict:
                return response

            # 删除购物车中对应商品数据
            if sku_id in cart_dict:
                del cart_dict[sku_id]
                cookie_data = base64.b64encode(pickle.dumps(cart_dict)).decode()  # str

                # 设置购物车cookie信息
                response.set_cookie('cart', cookie_data, expires=constants.CART_COOKIE_EXPIRES)

            # 4. 返回应答，status=204
            return response

3. 前端实现

在cart.js中增加

        // 删除购物车数据
        on_delete: function(index){
            axios.delete(this.host+'/cart/', {
                    data: {
                        sku_id: this.cart[index].id
                    },
                    headers:{
                        'Authorization': 'JWT ' + this.token
                    },
                    responseType: 'json',
                    withCredentials: true
                })
                .then(response => {
                    this.cart.splice(index, 1);
                })
                .catch(error => {
                    console.log(error.response.data);
                })
        },