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



cnpm run dev

REST|11-1 轮播图接口实现和vue调试
文章图片


REST|11-1 轮播图接口实现和vue调试
文章图片



【REST|11-1 轮播图接口实现和vue调试】现在开发轮播图
需要把 解释器设置为本地 虚拟环境,之前是因为支付需要服务器上的解释器
REST|11-1 轮播图接口实现和vue调试
文章图片


选择为本地之后。
需要去验证一下是不是设置成功,
REST|11-1 轮播图接口实现和vue调试
文章图片

REST|11-1 轮播图接口实现和vue调试
文章图片


不是 设置为本地
==========
设置为本地数据库
'HOST': 'localhost',

REST|11-1 轮播图接口实现和vue调试
文章图片


REST|11-1 轮播图接口实现和vue调试
文章图片


安装包
REST|11-1 轮播图接口实现和vue调试
文章图片


运行
访问:
REST|11-1 轮播图接口实现和vue调试
文章图片


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

REST|11-1 轮播图接口实现和vue调试
文章图片


class BannerSerializer(serializers.ModelSerializer):class Meta: model = Banner fields = '__all__'


REST|11-1 轮播图接口实现和vue调试
文章图片


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


REST|11-1 轮播图接口实现和vue调试
文章图片



REST|11-1 轮播图接口实现和vue调试
文章图片



启动,访问:
REST|11-1 轮播图接口实现和vue调试
文章图片



REST|11-1 轮播图接口实现和vue调试
文章图片


然后再添加2个。
REST|11-1 轮播图接口实现和vue调试
文章图片


REST|11-1 轮播图接口实现和vue调试
文章图片

效果:
REST|11-1 轮播图接口实现和vue调试
文章图片

















    推荐阅读