基于Django类的视图分页不起作用

时间:2019-05-06 15:41:48

标签: python html django pagination

我正在尝试使用分页对我的页面之一进行分页。我尝试了几种在网上找到的不同方法,但是由于某种原因,当我使用paginate_by = 3时,它实际上没有对页面进行分页,但仍在页面底部显示分页的html。

查看:

class SearchListView(ListView):
    model = Post
    template_name = "public/search.html"
    paginate_by = 3

HTML:

{% extends 'public/base.html' %}
{% load staticfiles %}

{% block head %}
<link rel="stylesheet" type="text/css" href="{% static "public/css/search.css" %}" />
{% endblock %}

{% block content%}
<div class="search container-fluid">
    <img src="/media/about-us.jpg" alt="">
    <div class="search-title">
        <h1 class="title">Search</h1>
    </div>
    <div class="search-main mb-5">
        <form method='GET' action=''>
            <input type="text" name='q' class="homebanner-search" placeholder="Enter your keywords" value='{{ request.get.q }}'>
        </form>
    </div>
</div>
<div class="container mt-5 mb-5">
    <div class="detail-container">
        {% for post in queryset %}
        <a href="{% url 'post-detail' post.slug %}">
            <div class="post-main">
                <div class="post-image">
                    <img src="{{ post.image.url }}" class="card-img-top" alt="#">
                    <p class="post-category">{{ post.category }}</p>
                </div>
                <div class="post-body">
                    <div class="post-title">
                        <p class="post-title-p">Day in the life of {{ post.title }}</p>
                    </div>
                    <div class="post-text">
                        <p class="post-author-text text-muted">{{ post.sub_description|truncatewords:22 }}</p>
                    </div>
                    <div class="post-button">
                        <p>READ MORE ></p>
                    </div>
                </div>
            </div>
        </a>
        {% endfor %}
    </div>
    <div id="page_navigation" >
        {% if is_paginated %}
        <ul class="pagination">
            {% if page_obj.has_previous %}
                <li><a href="?q={{ request.GET.q }}?page={{ page_obj.previous_page_number }}">&laquo;</a></li>
            {% else %}
                <li class="disabled"><span>&laquo;</span></li>
            {% endif %}
            {% for i in paginator.page_range %}
                {% if page_obj.number == i %}
                    <li class="active"><span>{{ i }} <span class="sr-only">(current)</span></span></li>
                {% else %}
                    <li><a href="?q={{ request.GET.q }}?page={{ i }}">{{ i }}</a></li>
                {% endif %}
            {% endfor %}
            {% if page_obj.has_next %}
                <li><a href="?q={{ request.GET.q }}?page={{ page_obj.next_page_number }}">&raquo;</a></li>
            {% else %}
                <li class="disabled"><span>&raquo;</span></li>
            {% endif %}
        </ul>
        {% endif %}
    </div>
</div>
{% endblock %}

因此,在页面上,应该显示3个项目,而分页应该将我带到下一组3。HTML显示,并且当我单击链接时,它会将我带到2页2。问题是事实上显示的是6个项目,而不是3个,当我转到第2页时,那里也有6个项目。

1 个答案:

答案 0 :(得分:0)

不幸的是,我无法完全重现您的错误,但是发生的是我的对象在遍历queryset时无法渲染。因此,我建议您尝试遍历object_list

{% for post in object_list %}
    {{ post.name }}
{% endfor %}

您可以做的另一件事是在您的视图中添加一个context_object_name参数:

class SearchListView(ListView):
    model = Post
    template_name = "public/search.html"
    paginate_by = 3
    context_object_name = 'posts'

然后遍历:

{% for post in posts %}
    {{ post.name }}
{% endfor %}

此外,由于ListView的模型(Post)是queryset,而不是要搜索的内容,因此我无法看到此页面上的搜索表单在做什么。因此,链接href可能会引起一些麻烦。也许可以尝试这样的事情:

<li><a href="{{ request.get_full_path }}?page={{ page_obj.previous_page_number }}">&laquo;</a></li>

同样,我无法重现您遇到的确切问题,这很可惜,因为我觉得我以前也遇到过同样的问题,因此,这些只是分页的建议,适用于我和您发布的代码。希望它能为您指明正确的方向。