DRF学习之路由组件

一、路由的写法

1、原始写法

(1)介绍

  • 是指手动编写路由规则的方式。
  • 使用path()函数或re_path()函数来定义路由规则,并将其与对应的视图函数或类关联起来。

(2)示例

  • 假设有一个名为book的应用,它包含了一个处理图书列表的视图函数book_list,以及一个处理单个图书详情的视图函数book_detail
  • 我们可以通过以下方式手动编写路由规则:
from django.urls import path

from book.views import book_list, book_detail

urlpatterns = [
    path('books/', book_list, name='book_list'),
    path('books/<int:book_id>/', book_detail, name='book_detail'),
]
  • 在这个例子中
    • 第一条路由规则匹配到/books/路径,并将其与book_list视图函数关联起来。
    • 第二条路由规则匹配到/books/<int:book_id>/路径,其中<int:book_id>是一个路径参数,用于匹配一个整型的图书ID,并将其传递给book_detail视图函数。

2、手动映射的写法

(1)介绍

  • 路由器将HTTP方法与视图集中的相应操作方法进行映射。
  • 在使用路由器时,需要先定义一个视图集,然后将其与路由器关联起来。
  • 最后,在URL配置中使用路由器生成的路由规则。

(2)示例

from rest_framework.routers import DefaultRouter
from book.views import BookModelViewSet

urlpatterns = [   
    path("books/", BookModelViewSet.as_view({"get": "list","post": "create"})),
    path("books/<int:pk>/", BookModelViewSet.as_view({"get": "retrieve", "put": "update", "delete": "destroy"})),
]

3、小结

  • 手动编写路由规则更加灵活,可以对每个URL路径指定具体的视图函数或类。
  • 可以根据需求选择手动编写路由规则或使用路由器自动生成路由规则。
  • 使用路由器可以简化代码,特别适用于处理一组相关操作的视图函数或类。

二、自动生成路由

前提:继承了ViewSetMixin。对于视图集ViewSet,除了可以手动进行URL配置指明请求方式与action处理函数之间的对应关系外,还可以使用路由Router来自动生成路由信息。

在 Django REST framework 中,SimpleRouterDefaultRouter 都是用于简化 URL 配置和路由管理的工具,它们可以帮助开发者快速创建符合 RESTful 设计原则的 API 路由。

1、SimpleRouter

(1)使用步骤

  • 导入一个路由类
from rest_framework.routers import SimpleRouter
  • 实例化得到对象
router=SimpleRouter()
  • 执行对象的方法
router.register('books',BookView,'books')
  • 对象.属性 拿到值
print(router.urls)
urlpatterns = [
    path('request/', BookView.as_view()),
    path('publish/', PublishView.as_view({'get': 'login'})),
]
  • 把自动生成的路由,放到 urlpatterns中
方案一:urlpatterns+=router.urls

方案二:urlpatterns = [
    path('', include(router.urls)),
]  # 用来代替上面的urlpatterns,优势在于我前面还可以再加前缀

比如我用方案一生成的url是 http://127.0.0.1:8000/app01/books/
        
path('api/v1/', include(router.urls))  # 添加前缀        
而用方案二我可以生成 http://127.0.0.1:8000/app01/api/v1//books/

在这里插入图片描述

  • 4和5是我们自动生成的路由

  • SimpleRouter自动生成的路由不包括自定义的视图函数login,只会生成:(指定的prefix:books前缀拼接xxx路径,单独访问127.0.0.1:8000:/app01/会返回404报错)

    • (1)app01/books/$ [name='books-list']––> 相当于re_path(r'^app01/books/$')
    • (2)app01/^books/(?P<pk>[^/.]+)/$ [name='books-detail'] ––> 相当于re_path(r'^app01/book/<pk>/$')

(2)生成URL的方式

在这里插入图片描述

2、DefaultRouter

(1)使用步骤

  • 导入一个路由类
from rest_framework.routers import DefaultRouter
  • 实例化得到对象
router=DefaultRouter()
  • 执行对象的方法
router.register('books',BookView,'books')
  • 对象.属性 拿到值
print(router.urls)
urlpatterns = [
    path("books/", BookView.as_view({"get": "list", "post": "create"})),
    path("books/<int:pk>/", BookView.as_view({"get": "retrieve", "put": "update", "delete": "destroy"})),
]
  • 把自动生成的路由,放到 urlpatterns中
方案一:urlpatterns+=router.urls

方案二:urlpatterns = [
    path('', include(router.urls)),
]  # 用来代替上面的urlpatterns,优势在于我前面还可以再加前缀

比如我用方案一生成的url是 http://127.0.0.1:8000/app01/books/
        
path('api/v1/', include(router.urls))  # 添加前缀        
而用方案二我可以生成 http://127.0.0.1:8000/app01/api/v1//books/

在这里插入图片描述

  • 4和6是SimpleRouter自动生成的路由

  • 5和7是另一种格式正则表达式,再加上一个根路由

  • DefaultRouter自动生成的路由也不包括自定义的视图函数login

    • (1)app01/ ^books\.(?P<format>[a-z0-9]+)/?$ [name='books-list']––> 相当于re_path(r'^app01/books/$')
    • (2)app01/ ^books/(?P<pk>[^/.]+)\.(?P<format>[a-z0-9]+)/?$ [name='books-detail'] ––> 相当于re_path(r'^app01/book/<pk>/$')

(2)生成URL的方式

在这里插入图片描述

(3)与SimpleRouter不同的地方

  • 127.0.0.1:8000/app01/books.json可以得到原生的json数据

在这里插入图片描述

  • 根路由,访问127.0.0.1:8000不会返回404报错,而是返回下面的页面

在这里插入图片描述

三、使用action装饰器自定义详细路由

作用:修饰自定义视图函数,使之能够进行自动路由映射

因为上面两种自动映射路由方法都不会映射自定义视图方法所以我们选择装饰器。
@action(methods=['get'], detail=False, url_path='latest')

  • urls.py
path("books/", BookModelViewSet.as_view({"get": "latest"})),
  • views.py
from rest_framework.response import Response
from rest_framework.viewsets import ModelViewSet

from app01.models import Book, Publish
from app01.serializers import BookSerializer, PublishSerializer
# action作用:修饰自定义视图函数,使之能够进行自动路由映射
from rest_framework.decorators import action


class BookModelViewSet(ModelViewSet):
    queryset = Book.objects.all()
    serializer_class = BookSerializer

    # methods: 映射的请求方式
    # url_path: 路径拼接尾缀,默认值是函数名字
    # detail:
    #      True ---> 路径拼接是: 前缀(prefix) + pk正则分组 + 尾缀(url_path)
    #      False ---> 路径拼接是: 前缀(prefix) + 尾缀(url_path)
    @action(methods=['get'], detail=False, url_path='latest')
    def latest(self, request, *args, **kwargs):
        book = self.queryset.latest('id')  # 最新发布的书
        serializer = self.get_serializer(instance=book)
        return Response(data=serializer.data)

在这里插入图片描述

四、视图类对象.action

self.action:可以看出请求的是谁,根据不同的请求返回不同的序列化器。(这种场景使用概率比较小)

使用:

from rest_framework.viewsets import ModelViewSet
from testdjango.models import BookInfo
from book_drf.serializer import BookSerializer
from rest_framework.response import Response
 
 
class Books(ModelViewSet):
    queryset = BookInfo.objects.all()
    serializer_class = BookSerializer
 
    # 根据这方法可以看出请求的是谁,返回哪个序列化器
    def get_serializer_class(self):
        if self.action == 'lastdata':
            return BookSerializer
        else:
            return BookSerializer
 
    # 定义如果超出那五个方法之外的方法,需要使用action装饰器
    @action(methods=['get'], detail=True)
    def lastdata(self, request, pk):
        # 使用self.action 获取请求的是哪个方法,可以根据请求的是哪个
        print(self.action)
        book = BookInfo.objects.get(id=pk)
        ser = self.get_serializer_class(book)
        return Response(ser.data)

  • 18
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值