Django+Vue网上购物商城项目细节完善

一、首页轮播图API接口实现

1.序列化

# app/goods/serializers.py
class BannerSerializer(serializers.ModelSerializer):
    '''
    轮播图
    '''
    class Meta:
        model = Banner
        fields = "__all__"

2.视图类

# app/goods/views.py
    class BannerViewset(mixins.ListModelMixin, viewsets.GenericViewSet):
    """
    首页轮播图
    """
    queryset = Banner.objects.all().order_by("index")
    serializer_class = BannerSerializer

3.路由配置

# 配置首页轮播图的url
router.register(r'banners', BannerViewset, basename="banners

4.API接口测试

• 访问网址http://IP/banners/

5.新品API接口实现

在设计 Goods model 时候有一个字段 is_new, 实现这个接口只要在 goods/fifilters/GoodsFilter 里面添加一个过滤就可以了。

# app/goods/filters.py
class GoodsFilter(django_filters.rest_framework.FilterSet):
    # ........
    class Meta:
        model = Goods
        fields = ['price_min', 'price_max', 'top_category', 'is_hot', 'is_new']

在后台设置几个商品 is_new, 前台访问 http://IP/goods 进行过滤新品 .