使用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的序列化和分页功能实现高效的数据查询。

相关推荐
装不满的克莱因瓶19 小时前
链式法则如何传递参数误差 —— 深入理解神经网络中的梯度传播
人工智能·python·深度学习·神经网络·数学·机器学习·ai
Anastasiozzzz19 小时前
从有限状态机到智能体图:传统 FSM 与 Agent Graph的演进
java·人工智能·python·ai
biter down1 天前
从 0 到 1 搭建 Python 接口自动化测试框架(博客系统实战)
开发语言·python
肖永威1 天前
Python多业务并行计算框架插件化演进:从硬编码到动态注册
python·插件化·并行计算·动态注册
yz_aiks1 天前
Linux Jar包配置Systemd自启动实战:从排查到配置全流程
linux·python·jar·自启动·systemd
梦梦代码精1 天前
2026年PHP开源商城系统实测对比:架构、多商户、商用授权,谁才是真·省心?
vue.js·docker·架构·开源·代码规范
不知名的老吴1 天前
线程的生命周期之线程“插队“
java·开发语言·python
xsc6996751 天前
从零搭建大模型与智能体平台 - 完整技术详解
python
无风听海1 天前
多租户系统中的 OIDC:Discovery 端点与联合登录的深度实践
后端·python·flask
CTA终结者1 天前
期货量化主力换月程序怎么移仓:天勤 underlying_symbol 与任务切换
python·区块链