Skip to main content
 首页 » 编程设计

python之如何在不使用 REST 框架的情况下在 Django 和 React 应用程序中实现分页

2024年09月03日31linjiqin

我在一个网站上工作,该网站的后端使用 Django,前端使用 React 开发。我想在网站中添加分页功能,但不知道在前端部分将如何实现。

我想将总页数发送到 React 应用。

到目前为止,我已经在我的 View 函数中编写了以下代码

def index(request): 
    influencers = Influencer.objects.all() 
 
    paginator = Paginator(influencers,16) 
    page = request.GET.get('page') 
    paged_listings = paginator.get_page(page) 
    user_list = UserList.objects.all().filter(user_id = request.user.id) 
 
    queryset = list(chain(paged_listings,user_list),paginator.count) 
    ser_query = serializers.serialize('json', queryset) 
    return HttpResponse(ser_query) 

此外,我没有使用 REST 框架来开发后端站点。

我想知道我必须将哪些信息发送到 React 前端站点才能使其正常工作。我应该如何进行?

请您参考如下方法:

我建议您使用 django-rest-framework,因为分页可能更容易。

但是,如果您想避免这种情况,您可以传递自己的结构(显然,您可能需要传递其他信息,例如下一页/上一页等)。

这里的挑战是确保所有内容都是 JSON 可序列化的 - 这意味着对于 Queryset 您必须使用 .values() 并用 list() 包装结果。对于 Paginator,您需要使用 list() 进行包装。

from django.http.response import JsonResponse 
 
def index(request): 
    influencers = Influencer.objects.all().values() 
 
    paginator = Paginator(influencers,16) 
    page = request.GET.get('page') 
    paged_listings = paginator.get_page(page) 
    user_list = UserList.objects.all().filter(user_id = request.user.id).values() 
 
    queryset = list(chain(paged_listings,user_list),paginator.count) 
    content = {'total_page_count': paginator.num_pages, 'data': queryset} 
    return JsonResponse(content)