Vue与Django数据交互

首先配置路由信息，理论上都会添加二级路由：所以会有请求转发

from django.conf.urls import url,include

 url(r'^api/(?P<version>\w+)/',include("api.urls")),

此时请求会转发给二级路由：api.urls

   url(r'^course/$',course.CourseView.as_view({"get":"list"})),
   url(r'^course/(?P<pk>\d+)/$',course.CourseView.as_view({"get":"retrieve"})),

对应去执行相应路由的视图类方法。

因为路由中涉及到版本配置，所以需要在Django的setting文件夹里配置rest_framework组件参数：

REST_FRAMEWORK = {
    'DEFAULT_RENDERER_CLASSES':['rest_framework.renderers.JSONRenderer','rest_framework.renderers.BrowsableAPIRenderer',],

    'DEFAULT_VERSIONING_CLASS':'rest_framework.versioning.URLPathVersioning',
    'ALLOWED_VERSIONS':['v1','v2'], # 允许的版本
    'VERSION_PARAM':'version', # 参数
    'DEFAULT_VERSION':'v1', # 默认版本

}

因为需要执行as.view()方法，所以类必须继承含有此方法的类

from rest_framework.viewsets import ViewSetMixin
from rest_framework.response import Response
from rest_framework.views import APIView

class CourseView(ViewSetMixin,APIView):

    def list(self,request,*args,**kwargs):
        """
        课程列表接口
        :param request: 
        :param args: 
        :param kwargs: 
        :return: 
        """
        ret={"code":1000,"data":None}
        try:
            queryset=models.Course.objects.all()
            ser=CourseSerializer(instance=queryset,many=True)
            ret["data"]=ser.data
        except Exception as e:
            ret["code"]=1001
            ret["error"]="获取数据失败"
        return Response(ret)

    def retrieve(self,request,*args,**kwargs):
        """
        课程详情接口
        :param request: 
        :param args: 
        :param kwargs: 
        :return: 
        """
        ret = {"code": 1000, "data": None}
        try:
            cid=kwargs.get("pk")
            obj = models.Course_detail.objects.filter(c_detail_id=cid).first()
            ser = DetailCourseSerializer(instance=obj, many=False)
            ret["data"] = ser.data
        except Exception as e:
            ret["code"] = 1001
            ret["error"] = "获取数据失败"
        return Response(ret)

在执行对应的路由时会分流，根据是否传递参数，判断执行不同的路由。不带参数，执行list方法，返回全部queryset数据。带参数，执行retrieve方法，返回此obj对象的全部数据。

在访问数据库前，先设置其相应的状态码，以及数据字典键。在访问数据库后，得到一个queryset对象或者一个obj对象，需要先将queryset指定类进行序列化，才可以将序列化好的字典数据传递给Vue进行数据显示。

1 from api import models

  from rest_framework import serializers

 class CourseSerializer(serializers.ModelSerializer):
    class Meta:
        model= models.Course
        fields="__all__"

简单的数据序列化，可以直接按照model里面的字段指定。

遇到较复杂的数据字段，比如需要跨表去获取字段，则可以通过指定字段来实现，用source

class DetailCourseSerializer(serializers.ModelSerializer):
    title=serializers.CharField(source="c_detail.title")
    course_img=serializers.CharField(source="c_detail.course_img")
    level = serializers.CharField(source="c_detail.get_level_display")

    related_course=serializers.SerializerMethodField()

    class Meta:
        model=models.Course_detail
        fields=["title","course_img","level","slogon","reason","related_course"]

    def get_related_course(self,obj):
        # print(type(obj))
        queryset=obj.related_course.all()
        return [{"id":row.id,"title":row.title}for row in queryset]

source支持一对一或者一对多的主外键字段跨表，但不支持多对多字段操作。

要实现多对多的字段跨表，需要自定义函数用到serializers.SerializerMethodField()这个方法。它能实现跨到另一张表去去任何字段。

如果是choice类型的数据，想获取数值对应的值，可以get_字段名_display有时Django默认会判断这是否为一个方法，是则添加括号执行。