Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Django博客上插入博客分页 我正在尝试使用引导程序在我的博客上实现分页 我做了评论,因为这样做是有效的,但只显示了一个数字 我确实尝试了一些不同的方法,但还没有成功,我觉得已经很接近了。或者不是。:-) 下面是我的“blog.html”文件 多谢各位 {%如果queryset.has_previous%} {%endif%} {%comment%}{%endcomment%} {%comment%}{%endcomment%} {%如果queryset.has_next%} {%endif%}_Django_Django Templates - Fatal编程技术网

如何在Django博客上插入博客分页 我正在尝试使用引导程序在我的博客上实现分页 我做了评论,因为这样做是有效的,但只显示了一个数字 我确实尝试了一些不同的方法,但还没有成功,我觉得已经很接近了。或者不是。:-) 下面是我的“blog.html”文件 多谢各位 {%如果queryset.has_previous%} {%endif%} {%comment%}{%endcomment%} {%comment%}{%endcomment%} {%如果queryset.has_next%} {%endif%}

如何在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

在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
在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,这就是我在代码中所做的。很好的帮助。