django分页

方法一：使用pure_pagination进行分页

1. pure_pagination介绍

pure_pagination基于并且兼容django原生的pagination模块。

2. 安装pure_pagination

pip install django-pure-pagination

3. 配置

• 添加 pure_pagination 到 INSTALLED_APPS

INSTALLED_APPS = (
    ...
    'pure_pagination',
)

A few settings can be set within settings.py

PAGINATION_SETTINGS = {
    'PAGE_RANGE_DISPLAYED': 10,
    'MARGIN_PAGES_DISPLAYED': 2,
    'SHOW_FIRST_PAGE_WHEN_INVALID': True,
}

4. 代码

• 视图函数

from pure_pagination import Paginator, EmptyPage, PageNotAnInteger
class IndexView(View):
    def get(self, request):
        # 文章列表
        article_list = Article.objects.filter()
        # 分页数据
        try:
            page = int(request.GET.get('page', 1))  # 页码
            paginator = Paginator(article_list, 10, request=request)  # 获取有多少页
            article_list = paginator.page(page)  # 获取指定页的数据
        except Exception as e:
            return HttpResponseRedirect('/')
       
        return render(request, 'index.html', {
            'article_list': article_list
        })

• 模板

<ul class="pagination">
 {# 上一页 #}
 {% if article_list.has_previous %}
    <li class="waves-effect"><a href="?page={{ article_list.previous_page_number.querystring }}"><i class="material-icons">chevron_left</i></a></li>
{% else %}
    <li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li>
{% endif %}
{% for page in article_list.pages %}
     {% if page %}
         {% ifequal page article_list.number %}
              {# 当前页页 #}
              <li class="active"><a>{{ page }}</a></li>
         {% else %}
              {# 指定页 #}
              <li class="waves-effect"><a href="?{{ page.querystring }}">{{ page }}</a></li>
         {% endifequal %}
     {% else %}
         <li class="waves-effect"><a href="#">...</a></li>
     {% endif %}
{% endfor %}
{# 下一页 #}
{% if article_list.has_next %}
      <li class="waves-effect"><a href="?page={{ article_list.next_page_number.querystring }}"><i class="material-icons">chevron_right</i></a></li>
{% else %}
      <li class="disabled"><a href="#!"><i class="material-icons">chevron_right</i></a></li>
{% endif %}

---

方法二：使用django原生的分页方法

使用原生的分页方法要想实现一个比较好的结果需要使用templatetags，有点复杂，下面我们一点一点来

1. 首先建立模板标签

app/
    templatetags/
        __init__.py
        paginate_tags.py

2. 编码

• 视图函数

def question_index(request):
    article_list = Article.objects
    context = {
        'article_list': article_list,
    }
    return render(request, 'app/index.html', context)

• paginate_tags

from django import template
from django.core.paginator import Paginator, PageNotAnInteger, EmptyPage
register = template.Library()
// 这是定义模板标签要用到的
@register.simple_tag(takes_context=True)
def paginate(context, object_list, page_count):
    // context是Context 对象，object_list是你要分页的对象，page_count表示每页的数量
    left = 3
    right = 3
    // 获取分页对象
    paginator = Paginator(object_list, page_count)
    // 从请求中获取页码号
    page = context['request'].GET.get('page')
   
    try:
        object_list = paginator.page(page) # 根据页码号获取数据页码对象
        context['current_page'] = int(page) # 将当前页码号封装进context中
        // 获取页码列表
        // pages = paginator.page_range
        pages = get_left(context['current_page'], left, paginator.num_pages) + get_right(context['current_page'], right,                                                                                  paginator.num_pages)
    except PageNotAnInteger:
        object_list = paginator.page(1) # 获取首页数据页码对象
        context['current_page'] = 1
        // pages = paginator.page_range
        pages = get_right(context['current_page'], right, paginator.num_pages)
    except EmptyPage:
        // 用户传递的是一个空值，则把最后一页返回给他
        object_list = paginator.page(paginator.num_pages)
       // num_pages为总分页数
        context['currten_page'] = paginator.num_pages
        // pages = paginator.page_range
        pages = get_left(context['current_page'], left, paginator.num_pages)
    
    context['questions'] = object_list
    context['pages'] = pages  # 页码列表
    context['last_page'] = paginator.num_pages
    context['first_page'] = 1
    // 用于判断是否加入省略号
    
    try:
        context['pages_first'] = pages[0]
        context['pages_last'] = pages[-1] + 1
    except IndexError:
        context['pages_first'] = 1
        context['pages_last'] = 2
    return ''
def get_left(current_page, left, num_pages):
    """
    辅助函数，获取当前页码的值得左边两个页码值，要注意一些细节，比如不够两个那么最左取到2
    ，为了方便处理，包含当前页码值，比如当前页码值为5，那么pages = [3,4,5]
    """
    if current_page == 1:
        return []
    elif current_page == num_pages:
        l = [i - 1 for i in range(current_page, current_page - left, -1) if i - 1 > 1]
        l.sort()
        return l
    l = [i for i in range(current_page, current_page - left, -1) if i > 1]
    l.sort()
    return l
def get_right(current_page, right, num_pages):
    """
    辅助函数，获取当前页码的值得右边两个页码值，要注意一些细节，
    比如不够两个那么最右取到最大页码值。不包含当前页码值。比如当前页码值为5，那么pages = [6,7]
    """
    if current_page == num_pages:
        return []
    return [i + 1 for i in range(current_page, current_page + right - 1) if i < num_pages - 1]

• 模板

<ul class="pagination">
    {# 判断是否还有上一页，确定是否激活上一页按钮 #}
    {% if questions.has_previous %}
        <li class="waves-effect"><a href="?page={{ questions.previous_page_number }}"><i class="material-icons">chevron_left</i></a></li>
    {% else %}
        <li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li>
    {% endif %}

    { # 永远显示第一页 #}
    {% if first_page == current_page %}
        <li class="active"><a>1</a></li>
    {% else %}
        <li class="waves-effect"><a href="?page=1">1</a></li>
    {% endif %}

    {# 2以前的页码号要被显示成省略号 #}
    {% if pages_first > 2 %}
        <li class="waves-effect"><a href="#">...</a></li>
    {% endif %}

    {% for page in pages %}
        {% if page == current_page %}
            <li class="active"><a>{{ page }}</a></li>
        {% else %}
            <li class="waves-effect"><a href="?page={{ page }}">{{ page }}</a></li>
        {% endif %}
    {% endfor %}

    {# pages最后一个值+1的值小于最大页码号，说明有页码号需要被省略号替换 #}
    {% if pages_last < last_page %}
        <li class="waves-effect"><a href="#">...</a></li>
    {% endif %}
    
    {# 永远显示最后一页的页码号，如果只有一页则前面已经显示了1就不用再显示了 #}
    {% if last_page != 1 %}
        {% if last_page == current_page %}
            <li class="active"><a>{{ last_page }}</a></li>
        {% else %}
            <li class="waves-effect"><a href="?page={{ last_page }}">{{ last_page }}</a></li>
        {% endif %}
    {% endif %}

    {# 判断是否还有下一页，确定是否激活下一页按钮 #}
    {% if questions.has_next %}
        <li class="waves-effect"><a href="?page={{ questions.next_page_number }}"><i class="material-icons">chevron_right</i></a></li>
    {% else %}
        <li class="disabled"><a href="#!"><i class="material-icons">chevron_right</i></a></li>
    {% endif %}
</ul>

3. 使用

{% load paginate_tags %}
{% paginate article_list 3 %}   # 对应模板标签中的函数paginate(context, object_list, page_count)，context是默认传入的，article_list代表object_list，3代表每页的数量
{% for article in article_list %}
    <section class="post">
        <h1>{{ article.title }}</h1>
        <p>{{ article.content }}</p>
        ...
    </section>
{% include 'pagination.html' %}