Django基础009--Paginator分页

1.引入

from django.core.paginator import Paginator

2.Paginator对象提供的方法

articles = models.Article.objects.all()
page_obj = Paginator(articles,5)
print('总条数',page_obj.count)
print('有多少页',page_obj.num_pages)
print('页码列表',page_obj.page_range)

3.数据集提供的方法

page_data = page_obj.get_page(page_num)#number代表获取第几页的数据
print(page_data.has_other_pages())#是否有上一页或者下一页
print(page_data.has_next())#是否有下一页
print(page_data.has_previous())#是否有上一页
print(page_data.next_page_number())#下一页页码
print(page_data.previous_page_number())#上一页页码
print(page_data.number)#当前页的页码

4.实例

def index(request):
    page_num = request.GET.get('page')
    print('页面传递过来的参数',page_num)
    categories = models.Category.objects.all()
    articles = models.Article.objects.all()
    page_obj = Paginator(articles,5)
    # print('总条数',page_obj.count)
    # print('有多少页',page_obj.num_pages)
    # print('页码列表',page_obj.page_range)
    page_data = page_obj.get_page(page_num)#number代表获取第几页的数据
    # print(page_data.has_other_pages())#是否有上一页或者下一页
    # print(page_data.has_next())#是否有下一页
    # print(page_data.has_previous())#是否有上一页
    # print(page_data.next_page_number())#下一页页码
    # print(page_data.previous_page_number())#上一页页码
    print(page_data.number)#当前页的页码
    return render(request,'index.html',{'articles':page_data,'page_obj':page_obj})

5.前端代码

{% if articles.has_other_pages %}
                <div class="text-center mt-2 mt-sm-1 mt-md-0 mb-3 f-16">

                    {% if articles.has_previous %}
                    <a class="text-success" href="/articles?page={{ articles.previous_page_number }}">上一页</a>
                    {% endif %}

                    {% for num in page_obj.page_range %}
                        {% if num == articles.number %}
                            <span class="mx-2" style="background-color: #0D7377"><a href="/articles?page={{ num }}">{{num}}</a></span>
                        {% else %}
                            <span class="mx-2"><a href="/articles?page={{ num }}">{{num}}</a></span>
                        {% endif %}
                    {% endfor %}

                    {% if articles.has_next %}
                    <a class="text-success" href="/articles?page={{ articles.next_page_number }}">下一页</a>
                    {% endif %}

                </div>
                {% endif %}