（项目）生鲜超市（七）

八、商品详情页功能

1、viewsets实现商品详情页接口

　　商品的轮播图是一个外键，序列化的时候需要用嵌套的方式来实现：

class GoodsImageSerializer(serializers.ModelSerializer):
    """商品轮播图"""

    class Meta:
        model = GoodsImage
        fields = ('image',)


class GoodsSerializer(serializers.ModelSerializer):
    # 覆盖外键字段
    category = CategorySerializer()

    # images是设置的related_name="images"，把轮播图嵌套进来
    images = GoodsImageSerializer(many=True)

    class Meta:
        model = Goods
        fields = '__all__'

　　商品详情页面只需要在商品列表页的接口中继承mixins.RetrieveModelMixin就可以了：

class GoodsListViewSet(mixins.ListModelMixin, mixins.RetrieveModelMixin, viewsets.GenericViewSet):
    """商品列表页面"""

    pagination_class = GoodsPagination
    queryset = Goods.objects.all().order_by('id')  # 必须定义一个默认的排序，否则会报错
    serializer_class = GoodsSerializer
    filter_backends = (DjangoFilterBackend, filters.SearchFilter, filters.OrderingFilter)

    # 自定义过滤类
    filter_class = GoodsFilter

    # 搜索，=name表示精确搜索，也可以使用正则
    search_fields = ('name', 'goods_brief', 'goods_desc')

    # 排序
    ordering_fields = ('sold_num', 'shop_price')

　　现在就可以获取到某一个商品的详细数据了：

2、热卖商品接口实现

　　只需要在goods/filter.py中加上is_hot的过滤条件即可：

class GoodsFilter(django_filters.rest_framework.FilterSet):
    """商品过滤"""

    # name是要过滤的字段，lookup是执行的行为
    pricemin = django_filters.NumberFilter(field_name="shop_price", lookup_expr='gte')
    pricemax = django_filters.NumberFilter(field_name="shop_price", lookup_expr='lte')
    top_category = django_filters.NumberFilter(field_name="category", method='top_category_filter')

    def top_category_filter(self, queryset, name, value):
        # 不管当前点击的是一级分类二级分类还是三级分类，都能找到
        return queryset.filter(Q(category_id=value) | Q(category__parent_category_id=value) | Q(
            category__parent_category__parent_category_id=value))

    class Meta:
        model = Goods
        fields = ['pricemin', 'pricemax', 'is_hot']

　　然后在后台中将商品的是否热销选为True，现在点开商品详情，最下面有热卖商品就会显示出来：

3、用户收藏接口

　　在user_operation下新建serializers.py文件，序列化用户收藏model的字段：

from rest_framework import serializers
from rest_framework.validators import UniqueTogetherValidator

from .models import UserFav


class UserFavSerializer(serializers.ModelSerializer):
    # 获取当前登录的用户
    user = serializers.HiddenField(default=serializers.CurrentUserDefault())

    class Meta:
        # validate实现唯一联合，一个商品只能收藏一次
        validators = [
            UniqueTogetherValidator(
                queryset=UserFav.objects.all(),
                fields=('user', 'goods'),
                # message的信息可以自定义
                message="已收藏"
            )
        ]
        model = UserFav
        # 收藏的时候需要返回商品的id，因为取消收藏的时候必须知道商品的id是多少
        fields = ('user', 'goods', 'id')

　　然后在views.py中编写用户收藏的接口，收藏需要继承CreateModelMixin（添加收藏），DestroyModelMixin（删除收藏），ListModelMixin（获取已收藏的商品列表），RetrieveModelMixin（用于查询该商品是否被收藏）：

from rest_framework import mixins, viewsets

from .serializers import UserFavSerializer
from .models import UserFav

class UserFavViewSet(mixins.ListModelMixin, mixins.CreateModelMixin, mixins.DestroyModelMixin,
                     mixins.RetrieveModelMixin, viewsets.GenericViewSet):
    """用户收藏"""

    queryset = UserFav.objects.all()
    serializer_class = UserFavSerializer

　　注册url：

router.register(r'userfavs', UserFavViewSet, base_name='userfavs')  # 用户收藏

　　然后测试该接口，收藏三个商品，查看已收藏列表：

　　重复收藏商品会提示已收藏：

4、drf的权限验证

　　在utils下新建permissions.py，这个官网有实例，直接复制过来即可，把其中的owner改为user即可：

from rest_framework import permissions


class IsOwnerOrReadOnly(permissions.BasePermission):
    """
    Object-level permission to only allow owners of an object to edit it.
    Assumes the model instance has an `owner` attribute.
    """

    def has_object_permission(self, request, view, obj):
        # Read permissions are allowed to any request,
        # so we'll always allow GET, HEAD or OPTIONS requests.
        if request.method in permissions.SAFE_METHODS:
            return True

        # Instance must have an attribute named `owner`.
        # obj相当于数据库中的model，这里要把owner改为我们数据库中的user
        return obj.user == request.user

　　在用户收藏接口中完善权限，收藏只有登录用户才能收藏且必须是当前登录用户，用户只能获取到自己收藏的列表，不能获取全部：

class UserFavViewSet(mixins.ListModelMixin, mixins.CreateModelMixin, mixins.DestroyModelMixin,
                     mixins.RetrieveModelMixin, viewsets.GenericViewSet):
    """用户收藏"""

    serializer_class = UserFavSerializer

    # permission是权限验证 IsAuthenticated必须登录用户 IsOwnerOrReadOnly必须是当前登录的用户
    permission_classes = (IsAuthenticated, IsOwnerOrReadOnly)

    # authentication是用户认证
    authentication_classes = (JSONWebTokenAuthentication, SessionAuthentication)

    # 搜索的字段
    lookup_field = 'goods_id'

    # 只能查看当前登录用户的收藏，不会获取所有用户的收藏
    def get_queryset(self):
        return UserFav.objects.filter(user=self.request.user)

• JSONWebTokenAuthentication认证不应该全局配置，因为用户获取商品信息或者其它页面的时候并不需要此认证，所以这个认证只要局部中添加就可以
• 删除settings中的rest_framework_jwt.authentication.JSONWebTokenAuthentication

5、Vue和用户收藏接口联调

　　修改Vue前端代码中的host：

//收藏
export const addFav = params => { return axios.post(`${host}/userfavs/`, params) }

//取消收藏
export const delFav = goodsId => { return axios.delete(`${host}/userfavs/`+goodsId+'/') }

export const getAllFavs = () => { return axios.get(`${host}/userfavs/`) }

//判断是否收藏
export const getFav = goodsId => { return axios.get(`${host}/userfavs/`+goodsId+'/') }