Django后端分页及前端显示效果

1.导入分页相关模块

from django.core.paginator import Paginator,EmptyPage,PageNotAnInteger

2.将对象分页，如下是按每页3条记录分页

customer_list = models.Customer.objects.all()

paginator = Paginator(customer_list,3)

翻到第1页：paginator.page(1)

翻到最后一页：paginator.page(paginator.num_pages)

当前页：customer_list.number

所有页内循环：for page_num in customer_list.paginator.page_range

3.前端控制

前端显示左翻页“<"，页面数字，右翻页">"

        <nav>
          <ul class="pagination">
            {% if customer_list.has_previous %}
                <li class="">
                    <a href="?page={{ customer_list.previous_page_number }}" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
            {% endif  %}
              {% for page_num in customer_list.paginator.page_range %}
                   {%  guess_page customer_list.number page_num  %}
            {% endfor %}
           {% if customer_list.has_next %}
                <li class=""><a href="?page={{ customer_list.next_page_number }}" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
           {% endif %}
          </ul>
        </nav>

 自定义的函数，用于显示页面数字，当是当前时调用样式显示，否则无样式，如下：

def guess_page(current_page,loop_num):
    offset = abs(current_page - loop_num)
    if offset <3:
        if current_page == loop_num:
            page_ele = '''<li class="active"><a href="?page=%s">%s</a></li>''' %(loop_num,loop_num)
        else:
            page_ele = '''<li class=""><a href="?page=%s">%s</a></li>''' %(loop_num,loop_num)
        return format_html(page_ele)
    else:
        return ''