如何在Django博客上插入博客分页 我正在尝试使用引导程序在我的博客上实现分页 我做了评论,因为这样做是有效的,但只显示了一个数字 我确实尝试了一些不同的方法,但还没有成功,我觉得已经很接近了。或者不是。:-) 下面是我的“blog.html”文件 多谢各位 {%如果queryset.has_previous%} {%endif%} {%comment%}{%endcomment%} {%comment%}{%endcomment%} {%如果queryset.has_next%} {%endif%}
在html文件中添加分页,如下所示:如何在Django博客上插入博客分页 我正在尝试使用引导程序在我的博客上实现分页 我做了评论,因为这样做是有效的,但只显示了一个数字 我确实尝试了一些不同的方法,但还没有成功,我觉得已经很接近了。或者不是。:-) 下面是我的“blog.html”文件 多谢各位 {%如果queryset.has_previous%} {%endif%} {%comment%}{%endcomment%} {%comment%}{%endcomment%} {%如果queryset.has_next%} {%endif%},django,django-templates,Django,Django Templates,在html文件中添加分页,如下所示: <ul class="pagination justify-content-center"> {% if is_paginated %} {% if page_obj.has_previous %} <a class="btn btn-outline-dark mb-4" href="?page=1">First</a> <a class="btn
<ul class="pagination justify-content-center">
{% if is_paginated %}
{% if page_obj.has_previous %}
<a class="btn btn-outline-dark mb-4" href="?page=1">First</a>
<a class="btn btn-outline-dark mb-4" href="?page={{ page_obj.previous_page_number }}">Previous</a>
{% endif %}
{% for num in page_obj.paginator.page_range %}
{% if page_obj.number == num %}
<a class="btn btn-dark mb-4" href="?page={{ num }}">{{ num }}</a>
{% elif num > page_obj.number|add:'-3' and num < page_obj.number|add:'3' %}
<a class="btn btn-outline-dark mb-4" href="?page={{ num }}">{{ num }}</a>
{% endif %}
{% endfor %}
{% if page_obj.has_next %}
<a class="btn btn-outline-dark mb-4" href="?page={{ page_obj.next_page_number }}">Next</a>
<a class="btn btn-outline-dark mb-4" href="?page={{ page_obj.paginator.num_pages }}">Last</a>
{% endif %}
{% endif %}
</ul>
{%if已分页%}
{%如果页面_obj.has_previous%}
{%endif%}
{page_obj.paginator.page_range%}
{%if page_obj.number==num%}
{%elif num>page_obj.number | add:'-3'和num
在html文件中添加分页,如下所示:
<ul class="pagination justify-content-center">
{% if is_paginated %}
{% if page_obj.has_previous %}
<a class="btn btn-outline-dark mb-4" href="?page=1">First</a>
<a class="btn btn-outline-dark mb-4" href="?page={{ page_obj.previous_page_number }}">Previous</a>
{% endif %}
{% for num in page_obj.paginator.page_range %}
{% if page_obj.number == num %}
<a class="btn btn-dark mb-4" href="?page={{ num }}">{{ num }}</a>
{% elif num > page_obj.number|add:'-3' and num < page_obj.number|add:'3' %}
<a class="btn btn-outline-dark mb-4" href="?page={{ num }}">{{ num }}</a>
{% endif %}
{% endfor %}
{% if page_obj.has_next %}
<a class="btn btn-outline-dark mb-4" href="?page={{ page_obj.next_page_number }}">Next</a>
<a class="btn btn-outline-dark mb-4" href="?page={{ page_obj.paginator.num_pages }}">Last</a>
{% endif %}
{% endif %}
</ul>
{%if已分页%}
{%如果页面_obj.has_previous%}
{%endif%}
{page_obj.paginator.page_range%}
{%if page_obj.number==num%}
{%elif num>page_obj.number | add:'-3'和num
我假设您做了两件事。首先,您在视图.py中使用了Paginator
,而且您的查询集不是空的。以下代码完全正常工作,仅针对您的模板:
paginator.html
<div class="pagination-container justify-content-center">
<ul class="pagination pagination-primary">
{% if paginator.has_previous %}
<li class="page-item arrow-margin-left">
<a class="page-link" href="?page={{ paginator.previous_page_number }}" aria-label="Previous">
<span aria-hidden="true"><i class="fa fa-angle-double-left" aria-hidden="true"></i></span>
</a>
</li>
{% else %}
<li class="page-item arrow-margin-left">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true"><i class="fa fa-angle-double-left" aria-hidden="true"></i></span>
</a>
</li>
{% endif %}
{% for i in paginator.paginator.page_range %}
{% if paginator.number == i %}
<li class="page-item active">
<a class="page-link">{{ i }}</a>
</li>
{% else %}
<li class="page-item">
<a class="page-link" href="?page={{ i }}">
{{ i }}
</a>
</li>
{% endif %}
{% endfor %}
{% if paginator.has_next %}
<li class="page-item arrow-margin-right">
<a class="page-link" href="?page={{ paginator.next_page_number }}" aria-label="Next">
<span aria-hidden="true">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>
</span>
</a>
</li>
{% else %}
<li class="page-item arrow-margin-right">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>
</span>
</a>
</li>
{% endif %}
</ul>
</div>
paginator.html
{%如果paginator.has_previous%}
-
{%else%}
-
{%endif%}
{paginator.paginator.page_range%}
{%if paginator.number==i%}
-
{%endif%}
{%endfor%}
{%如果paginator.has_next%}
-
{%else%}
-
{%endif%}
现在,您可以在任何需要的地方调用此代码,例如:
articles.html
<div class="pagination-container justify-content-center col-md-6">
{% include 'pages/page_articles_paginator.html' with paginator=page_articles%}
</div>
articles.html
{%include'pages/page_articles_paginator.html',其中paginator=page_articles%}
这将把page\u articles
分配给我假设您做了两件事。首先,您在视图中使用了Paginator
。py
并且您的查询集不是空的。以下代码完全正常工作,仅针对您的模板:
paginator.html
<div class="pagination-container justify-content-center">
<ul class="pagination pagination-primary">
{% if paginator.has_previous %}
<li class="page-item arrow-margin-left">
<a class="page-link" href="?page={{ paginator.previous_page_number }}" aria-label="Previous">
<span aria-hidden="true"><i class="fa fa-angle-double-left" aria-hidden="true"></i></span>
</a>
</li>
{% else %}
<li class="page-item arrow-margin-left">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true"><i class="fa fa-angle-double-left" aria-hidden="true"></i></span>
</a>
</li>
{% endif %}
{% for i in paginator.paginator.page_range %}
{% if paginator.number == i %}
<li class="page-item active">
<a class="page-link">{{ i }}</a>
</li>
{% else %}
<li class="page-item">
<a class="page-link" href="?page={{ i }}">
{{ i }}
</a>
</li>
{% endif %}
{% endfor %}
{% if paginator.has_next %}
<li class="page-item arrow-margin-right">
<a class="page-link" href="?page={{ paginator.next_page_number }}" aria-label="Next">
<span aria-hidden="true">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>
</span>
</a>
</li>
{% else %}
<li class="page-item arrow-margin-right">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>
</span>
</a>
</li>
{% endif %}
</ul>
</div>
paginator.html
{%如果paginator.has_previous%}
-
{%else%}
-
{%endif%}
{paginator.paginator.page_range%}
{%if paginator.number==i%}
-
{%endif%}
{%endfor%}
{%如果paginator.has_next%}
-
{%else%}
-
{%endif%}
现在,您可以在任何需要的地方调用此代码,例如:
articles.html
<div class="pagination-container justify-content-center col-md-6">
{% include 'pages/page_articles_paginator.html' with paginator=page_articles%}
</div>
articles.html
{%include'pages/page_articles_paginator.html',其中paginator=page_articles%}
这将把page\u文章
分配给请添加更多详细信息。您是否处理视图侧的分页?您的问题只是html吗?请添加更多详细信息。您是否处理视图侧的分页?您的问题只是html吗?谢谢。这是可行的,我只需将paginator更改为queryset,以了解如何输入代码。谢谢。这是可行的,我只需将paginator更改为queryset,以设置如何输入代码。这是可行的,谢谢。我刚刚将分页改为queryset,这就是我在代码中所做的。很好的帮助。这很有效,谢谢。我刚刚将分页改为queryset,这就是我在代码中所做的。很好的帮助。