11-1 轮播图接口实现和vue调试

 

 

cnpm run dev

 

 

 

现在开发轮播图

需要把 解释器设置为本地 虚拟环境，之前是因为支付需要服务器上的解释器

 

选择为本地之后。

需要去验证一下是不是设置成功，

 

不是 设置为本地

==========

设置为本地数据库

        'HOST': 'localhost',

 

 

安装包

 

运行

访问：

 

class BannerViewset(mixins.ListModelMixin, viewsets.GenericViewSet):
    """
    获取轮播图列表
    """

 

class BannerSerializer(serializers.ModelSerializer):

    class Meta:
        model = Banner
        fields = '__all__'

 

 

class BannerViewset(mixins.ListModelMixin, viewsets.GenericViewSet):
    """
    获取轮播图列表
    """
    queryset = Banner.objects.all().order_by("index")
    serializer_class = BannerSerializer

 

 

 

 

 

启动，访问：

 

 

 

然后再添加2个。

 

效果：