Django · DRF入门 - 通用视图类 GenericAPIView DRF超强视图封装!

DRF 通用视图类 GenericAPIView 让你看看DRF有多方便!

从这篇文章开始,就要讲到DRF的高潮部分,从现在开始,将带你一步一步的,把你原本需要几十、上百行代码解决的问题,一步步简化到只需要4行代码,对你没有听错,4行代码,实现一个通用的RESTful接口的增删改查查!

1. GenericAPIView介绍

GenericAPIView是DRF中的通用视图类,它继承自DRF基础视图类APIView,通用视图类,可以让你只需要配置好类属性,就可以实现一整套的增删查改流程

先来看看我们之前怎么定义一个接口的增删改查

1.1 为什么要使用GenericAPIView

使用APIView实现增删查改Book模型的接口:

# 使用APIView实现

class BookDetailView(APIView):
    """
    	单个Book查询,Url中传入pk(主键id)
    """
    def get(self, request, pk):
        book = Book.objects.get(pk=pk) # 用了一次objects.get
        serializer = BookSerializer(instance=book)
        return Response(serializer.data)

    def patch(self, request, pk):
        book = Book.objects.get(pk=pk) # 又用了一次objects.get
        serializer = BookSerializer(instance=book,data=request.data)
        if serializer.is_valid():
            serializer.save()
            return Response(serializer.data)           
        else:
            return Response(serializer.errors,status=status.HTTP_400_BAD_REQUEST)

    def delete(self, request, pk):
        Book.objects.get(pk=pk).delete() # 又用了一次objects.get
        return Response()


class BookListView(APIView):
    """
    	书籍列表查询,不传入id,直接创建/查询所有	
    """
    def get(self, request):
        books = Book.objects.all()
        serializer = BookSerializer(instance=books,many=True)
        return Response(serializer.data)

    def post(self, request):
        data = request.data
        serializer = BookSerializer(data=request.data)
        if serializer.is_valid():
            serializer.save()
            return Response(serializer.data)
        else:
            return Response(serializer.errors.values(),status=status.HTTP_400_BAD_REQUEST)

我们可以发现什么,发现其实存在着特别多的重复代码

光是objects.get就用 了很多次,而且可以发现,虽然写了书籍查询和多个书籍查询两个类,但是其实就算再去写个作者查询

无非就是把里面的Book变成了Author,里面的BookSerializer变成了AuthorSerializer,所以说,其实不同字段的增删改查,实现的逻辑,代码几乎都是一模一样的,区别就是模型的区别和序列化器的区别。

不同字段实现增删改查的区别:

  1. 模型的区别
  2. 序列化器的区别代码

!!逻辑没有区别,就是复制过来改以下模型和序列化器就行!!

所以,DRF提供了通用视图类,可以让我们的代码无用功,大大减少!

2. GenericAPIView重要参数解析

根据我们上面的分析,既然代码实现区别唯一的区别就是模型和序列化器的区别,那么我们就可以把这两个参数,定义成可以随意修改的,然后内部的增删查改逻辑再换着套用,就可以以很少的代码实现多个数据表的增删查改,比如写一个User的增删查改,我们只要把模型和序列化器换成Author,换成Admin,就能用一套代码实现三个表的修改逻辑。

2.1 GenericAPIView的基本使用

下面是使用GenericAPIView的返回多个书籍的视图类,也就是路由中不传入主键的视图

class BookListView(GenericAPIView):
   	"""
   		多个书籍的类视图
   	"""
    
    # 使用GenericAPIView,需要定义两个类属性(名字不能错)
    # queryset: 模型类对象的.all()
    queryset = Book.objects.all()
    # serializer_class: 序列化器类
    serializer_class = BookSerializer
   	
    # 这就相当于,把上面我们说的模型以及序列化类进行了类级别的定义
    # 我们后面的逻辑代码,实现一次,后面再去继承的时候,只需要把类属性改了就行了
    
    def get(self, request):
        # self.get_serializer ---> 返回的就是我们类属性中的 serializer_class 的实例化对象
        serializer = self.get_serializer(instance=self.get_queryset(), many=True)
        # self.self.get_queryset() ---> 返回的就是 类属性中的queryset ---> Book.objects.all()
        return Response(serializer.data)

    def post(self, request):
        serializer = self.get_serializer(data=request.data)
        if serializer.is_valid():
            serializer.save()
            return Response(serializer.data)
        else:
            return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)

视图中传入主键,返回单个对象/修改单个对象的视图类

class BookDetailView(GenericAPIView):
    # 和上面一样的定义方法
    queryset = Book.objects.all()
    serializer_class = BookSerializer
    
    def get(self, request, pk):
        serializer = self.get_serializer(instance=self.get_object())
        # get_object就等同于Book.objects.all().filter(pk=pk)
        # 相当于帮你完成了查询操作
        return Response(serializer.data)
    def put(self, request, pk):
        serializer = self.get_serializer(instance=self.get_object(), data=request.data)
        if serializer.is_valid():
            serializer.save()
            return Response(serializer.data)
        else:
            return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)

2.2 GenericAPIView各个参数解析

GenericAPIView其实本质上,就是封装了以下几个重要的参数:

2.2.1 self.get_queryset()

这个其实本质上就是返回我们定义的类属性中的queryset

class BookDetailView(GenericAPIView):
    queryset = Book.objects.all() # 这里定义的queryset就是后面的self.queryset
    serializer_class = BookSerializer
    ......

2.2.2 self.get_serializer

这个其实本质上也是我们定义的类属性中的serializer

get_serializer源码

def get_serializer(self, *args, **kwargs):
    """
    Return the serializer instance that should be used for validating and
    deserializing input, and for serializing output.
    翻译:返回用于序列化/反序列化的序列化器
    """
    serializer_class = self.get_serializer_class() # 就是我们类定义的serializer_class
    kwargs.setdefault('context', self.get_serializer_context())
    return serializer_class(*args, **kwargs) # 最后把我们传入的参数又传入进了serializer_class()

2.2.3 self.get_object (重点)

其实就相当于把我们定义的queryset又帮我们进行了查询

之前基于APIView的实现方式

def get(self, request, pk):
    book = Book.objects.get(pk=pk)
    # 现在的self.get_object就相当于帮我们返回了一个之前的这样的book
    serializer = BookSerializer(instance=book)
    return Response(serializer.data)

新方式的实现

def get(self, request, pk):
    serializer = BookSerializer(instance=self.get_object())
    return Response(serializer.data)

2.2.4 self.get_object的坑!!

使用self.get_object的时候,必须传入参数pk,并且必须使用有名路由进行映射!!

urls.py

path("book/<int:pk>/", BookDetailView.as_view()) # 正确的路由方式1,并且必须命名为pk
re_path("book/(?P<pk>\d+)/",BookDetailView.as_view()) # 正则路由|正确的路由方式2,并且必须命名pk


re_path("book/(?P<id>\d+)/",BookDetailView.as_view()) # 错误路由方式,没有命名为pk
re_path("book/(\d+)/",BookDetailView.as_view()) # 错误路由方式,不能使用位置参数去传参!!!

为什么要这样做?我们来看看self.get_object的源码

self.get_object源码

在这里插入图片描述

所以要不就乖乖听话传pk,要不就把lookup_field给改了

如果要修改就这样写

class BookDetailView(GenericAPIView):
    queryset = Book.objects.all()
    serializer_class = BookSerializer
	lookup_field = 'id'
    # 这就相当于在创建视图类的时候就覆盖原本的pk
    # 但是你路由也必须改成传id参数

3. GenericAPIView到底牛在哪里?

在上面,我们已经实现了增删改查查的各种逻辑,说白了区别就在于类定义的时候设施的两个参数

所以,我们后面如果对其他的类还是需要实现类似的操作,可以直接继承已经实现好的Book类

简单来讲,Book类现在已经能直接增删改查了,现在作者Author字段,也需要实现这样的,那直接改两个参数不就完事儿了??

Author的实现:

class AuthorListView(BookListView):
	# 直接继承BookListView,然后改下面两个值
    queryset = Author.objects.all()
    serializer_class = AuthorSerializer

class AuthorDetailView(BookDetailView):
	# 直接继承BookDetailView,然后改下面两个值
    queryset = Author.objects.all()
    serializer_class = AuthorSerializer

然后把路由再一改,这不直接完事儿了??

上面写的那么多代码,后面你如果要用,直接继承就完事儿!!

现在假设我还有Admin,还有牛羊狗鸡,我直接继承不就完事儿??

class DogListView(BookListView):
	# 定义Dog的model类
	# 定义Dog的序列化器
class DogDetailView(BookListView):
	# 定义Dog的model类
	# 定义Dog的序列化器
————————Dog的增删查改完事儿了——————————
然后下面不管你是牛马蛇神,咔咔一顿继承就完事儿!!

4. 还有更牛的!!!

看了上面的,你可能已经觉得很牛逼了,但是DRF,其实把这些全部都封装好了,你连增删查改都不用写,他提供了Mixin机制,直接帮你完成增删查改,post,get你都不用定义,直接写个model,再写个序列化器就完事儿!

class DogDetailView(BookListView):
# 定义Dog的model类
# 定义Dog的序列化器
————————Dog的增删查改完事儿了——————————
然后下面不管你是牛马蛇神,咔咔一顿继承就完事儿!!


# 4. 还有更牛的!!!

**看了上面的,你可能已经觉得很牛逼了,但是DRF,其实把这些全部都封装好了,你连增删查改都不用写,他提供了Mixin机制,直接帮你完成增删查改,post,get你都不用定义,直接写个model,再写个序列化器就完事儿!**

**后续文章会继续讲解DRF有多方便!!**
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在前面的文章中,我们已经介绍了如何使用DRF编写RESTful API和如何进行身份验证。在本文中,我们将继续探讨如何使用DRF实现前后端分离。具体来说,我们将使用Vue.js作为前端框架,并使用axios实现与后端API的通信。 1. 安装Vue.js和axios 首先,我们需要安装Vue.js和axios。我们可以使用npm来进行安装: ``` npm install vue npm install axios ``` 2. 创建Vue.js应用程序 我们可以使用Vue CLI来创建Vue.js应用程序。在命令行中输入以下命令: ``` npm install -g vue-cli vue init webpack myapp ``` 其中,myapp是应用程序的名称。在创建应用程序时,我们需要回答一些问题,例如选择使用哪种模板、是否安装vue-router等。我们可以根据自己的需要进行选择。 3. 编写Vue.js组件 接下来,我们需要编写Vue.js组件来与后端API进行通信。在本例中,我们将创建一个名为“TaskList”的组件,用于显示任务列表并提供添加任务的功能。 在src/components目录下创建TaskList.vue文件,并编写以下代码: ```html <template> <div> <h2>Tasks</h2> <ul> <li v-for="task in tasks" :key="task.id"> {{ task.title }} </li> </ul> <input type="text" v-model="title"> <button @click="addTask">Add Task</button> </div> </template> <script> import axios from 'axios'; export default { data() { return { tasks: [], title: '' }; }, created() { this.getTasks(); }, methods: { getTasks() { axios.get('http://localhost:8000/api/tasks/') .then(response => { this.tasks = response.data; }); }, addTask() { axios.post('http://localhost:8000/api/tasks/', { title: this.title }) .then(response => { this.tasks.push(response.data); this.title = ''; }); } } }; </script> ``` 在这个组件中,我们首先导入axios库,然后定义了一个名为“TaskList”的组件。在data函数中,我们定义了两个变量:tasks用于存储任务列表,title用于存储新任务的标题。在created函数中,我们调用getTasks函数来获取任务列表。在methods对象中,我们定义了两个方法:getTasks用于获取任务列表,addTask用于添加新任务。在getTasks函数中,我们使用axios库进行HTTP GET请求,并在响应中将tasks变量更新为获取的数据。在addTask函数中,我们使用axios库进行HTTP POST请求,并在响应中将新任务添加到tasks变量中。 4. 引入组件 最后,我们需要将TaskList组件引入Vue.js应用程序。在App.vue文件中,我们可以编写以下代码: ```html <template> <div id="app"> <TaskList /> </div> </template> <script> import TaskList from './components/TaskList.vue'; export default { name: 'App', components: { TaskList } }; </script> ``` 在这个文件中,我们首先导入TaskList组件,然后在components对象中注册它。最后,在模板中调用它。 5. 运行应用程序 现在,我们可以使用以下命令启动Vue.js应用程序: ``` npm run dev ``` 在浏览器中访问http://localhost:8080,您将看到一个任务列表和一个添加任务的表单。当您添加新任务时,它将被添加到列表中并保存到后端API中。 总结 在本文中,我们介绍了如何使用Vue.js和axios实现与DRF后端API的通信,并创建了一个名为“TaskList”的组件来显示任务列表和添加新任务。这是一个简单的示例,但您可以使用似的方法来创建更复杂的应用程序。 ### 回答2: Django前后端分离实践之DRF--09主要是关于Django Rest Framework(DRF)在前后端分离开发中的实践。DRF是基于Django的一款强大的Web API框架,它提供了一系列的功能和工具,使得开发者能够轻松地构建和管理API。 在这个实践中,首先我们需要将前端和后端进行分离。前端可以使用任何JavaScript框架,如Vue.js或React来构建用户界面,并通过HTTP请求与后端进行通信。而后端则是使用DjangoDRF来构建API。 DRF提供了一些和方法,能够帮助我们更方便地开发API。例如,通过使用DRF的序列化器,我们可以轻松地将数据库模型转化为JSON格式。此外,DRF还提供了视图和路由器等组件,使得开发者能够更快速地构建API视图和URL路由。 在实践过程中,我们还可以使用DRF的认证和权限系统来保护API的安全性。DRF支持各种认证方式,如基于Token的认证和基于Session的认证。同时,我们可以基于DRF的权限系统来限制用户对API的访问权限,确保只有经过授权的用户才能进行操作。 此外,DRF还提供了一些其他的功能,如过滤器、分页和搜索等,使得我们能够更精细地控制API的行为和展示方式。 总之,Django前后端分离实践之DRF--09主要介绍了如何使用DRF来构建前后端分离的应用。通过DRF提供的强大功能和工具,我们可以更便捷地开发高效、安全的API,并提供给前端进行交互和展示。 ### 回答3: DRFDjango Rest Framework是一种用于构建Web API的强大工具,它使得前后端分离开发成为可能。在实践中,Django的后端提供数据的存储和处理功能,而前端使用DRF来访问API并展示数据。 首先,我们需要在Django中安装和配置DRF。可以通过在settings.py中添加'django_rest_framework'到INSTALLED_APPS列表中来安装DRF。然后,在urls.py中配置API的路由。 在Django中,我们可以使用数据库模型来定义数据模型,在使用DRF时,我们需要创建一个序列化器来定义返回给前端的数据结构。序列化器由字段组成,可以定义字段的型、验证规则等。我们可以使用DRF提供的ModelSerializer来快速创建序列化器,它会自动根据模型的字段来生成对应的序列化器字段。 在视图中,我们可以使用基于视图来处理API请求。DRF提供了一系列的视图,如APIView、ViewSet等,可以根据实际需求选择使用。视图中的方法对应不同的HTTP操作,如GET、POST、PUT、DELETE等。 DRF还提供了身份验证、权限控制、过滤、排序等功能,可以根据项目的需求进行配置。 使用DRF的前后端分离实践中,前端可以通过发送GET、POST、PUT等请求来获取和操作数据。后端则负责处理请求并返回响应。前端可以通过AJAX、fetch等方法来发送请求并获取数据,然后使用HTML、CSS和JavaScript来展示数据。 在前后端分离开发中,前端和后端可以并行开发,各自独立测试,并且可以轻松地修改API而不会影响到前端界面。这种开发模式使得团队协作更加高效,同时也方便进行项目的维护和扩展。 总而言之,Django前后端分离实践之DRF可以极大地提升开发效率和团队协作能力。通过合理配置和使用DRF提供的功能,可以实现强大的API开发,使得前后端分离成为一种高效和可行的开发方式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值