Django的分页显示实现

Django中提供了一个类Paginator专门用来管理和处理分页数据,所以我们在使用之前先导入好相应的类,,另外这里我们也导入了待会会用到的处理异常的两个类 EmptyPagePageNotAnInteger

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

接着编写好视图函数test:

def test(request):
	course_list=CourseVideo.objects.all()
    #生成pagintor对象,定义每页显示10条记录
    paginator=Paginator(course_list,10)

    #获取当前的页码数,默认为1
    page=request.GET.get("page",1)

    #把当前的页码数转换为整数类型
    currentPage=int(page)

    try:
        video_list=paginator.page(page)#获取当前页码的记录
    except PageNotAnInteger:
        video_list=paginator.page(1)#如果用户输入的页码不是整数时,显示第1页的内容
    except EmptyPage:
        video_list=paginator.page(paginator.num_pages)#如果用户输入的页码不是整数时,显示第1页的内容
	
	return render(request, "test.html", locals())

接下来我们完成前端页面的逻辑,这里定义的文件为test.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这里的标题</title>
</head>
<body>
            <div class="manageContent">
                {#数据显示div--start#}
                {% for video in video_list%}
                <div id="{{ video.vidoeContentId }}" class="content9">

                    <div class="videomsg">
                        <img src="/static/images/favicon.ico" alt="" />
                        <span >{{ video.name }}</span>
                    </div>
                    <span class="courseTime" >{{ video.number }}</span>
                    <span class="sourse"  >{{ video.source }}</span>
                    <span class="status" >{{ video.status }}</span>
                    <div class="operate">
                        <span style="cursor:pointer;" onclick="ShowUpDiv('upfileDiv','fade1','{{ video.id }}','{{ video.name }}')">上传</span>
                        <span style="cursor:pointer;" onclick="ShowEditDiv('editDiv','editfade','{{ video.name }}','{{ video.number }}','{{ video.source  }}','{{ video.status }}','{{ video.id }}')" >修改</span>
                        <span style="cursor:pointer;" onclick="Showdetail('{{ video.id }}')" >详情</span>
                    </div>

                    <div id="{{ video.id }}" style="display: none ;overflow:scroll;overflow-x:hidden">

                    </div>

                </div>
                {% endfor %}
                {#数据显示div--end#}
            
                {#显示分页导航栏--start#}
                <div class="kkk">
                <ul  class="pagination" id="pager" >
                    {#上一页按钮开始#}
                    {# 如果当前页有上一页#}
                    {% if video_list.has_previous %}
                        {#  当前页的上一页按钮正常使用#}
                        <li class="previous"><a href="/backstage/test/?page={{ video_list.previous_page_number }}">上一页</a></li>
                    {% else %}
                        {# 当前页的不存在上一页时,上一页的按钮不可用#}
                        <li class="previous disabled"><a href="#">上一页</a></li>
                    {% endif %}
                    {#上一页按钮结束#}

                    {# 页码开始#}
                    {% for num in paginator.page_range %}
                        {% if num == currentPage %}
                            <li class="liactive"><a class="selected" href="/backstage/test/?page={{ num }}">{{ num }}</a></li>
                        {% else %}
                            <li class="itemli"><a href="/backstage/test/?page={{ num }}">{{ num }}</a></li>
                        {% endif %}
                    {% endfor %}
                    {#页码结束#}

                    {# 下一页按钮开始#}
                    {% if video_list.has_next %}
                        <li class="next"><a href="/backstage/test/?page={{ video_list.next_page_number }}">下一页</a></li>
                    {% else %}
                        <li class="next disabled"><a href="#">下一页</a></li>
                    {% endif %}
                    {# 下一页按钮结束#}
                </ul>
                </div>
                {#显示分页导航栏--end#}

            </div>

</body>
</html>

至此,分页显示的逻辑完成,更多关于Paginator的语法实例如下:

from django.core.paginator import Paginator
objects = ['john','paul','george','ringo','lucy','meiry','checy','wind','flow','rain']<br>
p = Paginator(objects,3)  # 3条数据为一页,实例化分页对象
print p.count  # 10 对象总共10个元素
print p.num_pages  # 4 对象可分4页
print p.page_range  # xrange(1, 5) 对象页的可迭代范围
 
page1 = p.page(1)  # 取对象的第一分页对象
print page1.object_list  # 第一分页对象的元素列表['john', 'paul', 'george']
print page1.number  # 第一分页对象的当前页值 1
 
page2 = p.page(2)  # 取对象的第二分页对象
print page2.object_list  # 第二分页对象的元素列表 ['ringo', 'lucy', 'meiry']
print page2.number  # 第二分页对象的当前页码值 2
 
print page1.has_previous()  # 第一分页对象是否有前一页 False
print page1.has_other_pages()  # 第一分页对象是否有其它页 True
 
print page2.has_previous()  # 第二分页对象是否有前一页 True
print page2.has_next()  # 第二分页对象是否有下一页 True
print page2.next_page_number()  # 第二分页对象下一页码的值 3
print page2.previous_page_number()  # 第二分页对象的上一页码值 1
print page2.start_index()  # 第二分页对象的元素开始索引 4
print page2.end_index()  # 第2分页对象的元素结束索引 6

猜你喜欢

转载自blog.csdn.net/qq_34493908/article/details/83536907
今日推荐