使用django+drv+axios+vue构建系统

在你的项目架构中,POST方式传递查询参数时,参数通常放在请求体(body)中,Django REST framework(DRF)可以通过多种方式接收处理。以下是详细的实现方案:

一、前端Axios POST请求传递参数

前端通过Axios发送POST请求时,将页码、页面大小及其他查询参数放入请求体:

javascript 复制代码
// Vue组件中示例
async fetchData() {
  try {
    const params = {
      page: 1,        // 页码
      page_size: 10,  // 页面大小
      keyword: '搜索关键词',
      status: 1       // 其他筛选条件
    };
    const response = await this.$axios.post('/api/data-list/', params);
    this.dataList = response.data.results;
    this.total = response.data.count;
  } catch (error) {
    console.error('请求失败:', error);
  }
}

二、后端DRF接收POST参数的方式

方式1:使用Request.data直接获取

DRF的Request对象会自动解析请求体中的JSON数据,可直接通过request.data获取:

python 复制代码
# views.py
from rest_framework.views import APIView
from rest_framework.response import Response
from rest_framework.pagination import PageNumberPagination

class DataListView(APIView):
    def post(self, request):
        # 获取分页参数
        page = request.data.get('page', 1)
        page_size = request.data.get('page_size', 10)
        
        # 获取其他查询参数
        keyword = request.data.get('keyword', '')
        status = request.data.get('status', None)
        
        # 构建查询集
        queryset = YourModel.objects.all()
        if keyword:
            queryset = queryset.filter(name__icontains=keyword)
        if status is not None:
            queryset = queryset.filter(status=status)
        
        # 手动分页
        paginator = PageNumberPagination()
        paginator.page_size = page_size
        paginated_queryset = paginator.paginate_queryset(queryset, request)
        serializer = YourModelSerializer(paginated_queryset, many=True)
        
        return paginator.get_paginated_response(serializer.data)
方式2:使用序列化器验证参数

通过DRF序列化器对请求参数进行验证和解析,更规范且便于处理复杂参数:

python 复制代码
# serializers.py
from rest_framework import serializers

class DataListQuerySerializer(serializers.Serializer):
    page = serializers.IntegerField(default=1, min_value=1)
    page_size = serializers.IntegerField(default=10, min_value=1, max_value=100)
    keyword = serializers.CharField(required=False, allow_blank=True)
    status = serializers.IntegerField(required=False, allow_null=True)

# views.py
class DataListView(APIView):
    def post(self, request):
        # 验证参数
        query_serializer = DataListQuerySerializer(data=request.data)
        if not query_serializer.is_valid():
            return Response(query_serializer.errors, status=400)
        
        # 获取验证后的参数
        validated_data = query_serializer.validated_data
        page = validated_data['page']
        page_size = validated_data['page_size']
        keyword = validated_data.get('keyword', '')
        status = validated_data.get('status')
        
        # 业务逻辑处理(同方式1)
        # ...
方式3:自定义分页类适配POST参数

若需全局统一处理POST分页参数,可自定义分页类:

python 复制代码
# pagination.py
from rest_framework.pagination import PageNumberPagination

class PostPageNumberPagination(PageNumberPagination):
    def get_page_number(self, request, paginator):
        # 从POST数据中获取页码
        page_number = request.data.get(self.page_query_param, 1)
        return page_number
    
    def get_page_size(self, request):
        # 从POST数据中获取页面大小
        page_size = request.data.get(self.page_size_query_param, self.page_size)
        return page_size

# views.py
class DataListView(APIView):
    pagination_class = PostPageNumberPagination
    
    def post(self, request):
        # 获取其他查询参数
        keyword = request.data.get('keyword', '')
        queryset = YourModel.objects.filter(name__icontains=keyword)
        
        # 使用分页器
        paginator = self.pagination_class()
        paginated_queryset = paginator.paginate_queryset(queryset, request)
        serializer = YourModelSerializer(paginated_queryset, many=True)
        
        return paginator.get_paginated_response(serializer.data)

三、路由配置

python 复制代码
# urls.py
from django.urls import path
from .views import DataListView

urlpatterns = [
    path('api/data-list/', DataListView.as_view(), name='data-list'),
]

四、注意事项

  1. Content-Type :Axios默认以JSON格式发送POST数据(Content-Type: application/json),DRF会自动解析request.data。若使用表单格式(application/x-www-form-urlencoded),需用request.POST获取参数。
  2. 参数验证:建议使用序列化器验证参数,避免非法参数导致错误。
  3. 分页兼容性 :若同时支持GET和POST,可在分页类中兼容两种参数获取方式(优先从request.data,其次从request.query_params)。

通过以上方式,后端可灵活接收POST请求中的查询参数及分页参数,结合DRF的序列化和分页功能实现高效的数据查询。

相关推荐
代码山河4 小时前
Python就业方向全解析:后端、爬虫、数据分析、AI你选哪个?
python·学习·架构·教程·面向对象·项目
在世修行4 小时前
智学文枢:题目流水线
python·多线程·状态机·pyside
梯度下降者5 小时前
零基础入门Python 爬虫
爬虫·python·数据分析·入门指南·webcrawler
她说可以呀5 小时前
Vue插槽
前端·javascript·vue.js
qq_448011165 小时前
Vue + Jinja2两套模版与法冲突造成undefinedError
前端·javascript·vue.js
“AI国潮设计-小江”6 小时前
【AIGC实战】Python+Stable Diffusion打造“英歌舞财神”IP,解锁“马到成功”等爆款情绪营销文案设计
开发语言·人工智能·python·prompt·aigc
志尊宝7 小时前
AI原生前端开发(039):AI辅助的Nuxt 4全栈开发
前端·vue.js·ai-native
benchmark_cc7 小时前
用 Python 拉 A 股全市场实时快照:Notebook 请求、结果校验与易错点
python·数据分析·pandas·量化交易·股票数据·quantdash
伞伞悦读7 小时前
【第70期】Adam二阶矩不是方差:偏差校正、动量与AdamW完整实验
python
外收内放8 小时前
Python基础语法练习题(73)
java·前端·python