时间:2021-05-22
Django中提供了一个类Paginator专门用来管理和处理分页数据,所以我们在使用之前先导入好相应的类,,另外这里我们也导入了待会会用到的处理异常的两个类 EmptyPage和PageNotAnInteger:
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 Paginatorobjects = ['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() # 第一分页对象是否有前一页 Falseprint page1.has_other_pages() # 第一分页对象是否有其它页 True print page2.has_previous() # 第二分页对象是否有前一页 Trueprint page2.has_next() # 第二分页对象是否有下一页 Trueprint page2.next_page_number() # 第二分页对象下一页码的值 3print page2.previous_page_number() # 第二分页对象的上一页码值 1print page2.start_index() # 第二分页对象的元素开始索引 4print page2.end_index() # 第2分页对象的元素结束索引 6以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
百度和Google的分页效果非常好,本文就介绍了具体的实现效果。像百度一样的jsp分页效果,像goolge一样的分页效果!根据设定参数一次取一页记录内容显示处:
Ajax无刷新分页效果,如下代码实现Ajax无刷新分页效果functionshowpage(url){varxhr=newXMLHttpRequest();xh
先看看效果图:简单的分页js代码:1、效果描述:不用分页即可显示的jQuery插件jQuery分页插件——jQuery.page.js用法很简单,效果很棒2、调
本文实例讲述了JSP实现的简单分页显示效果代码。分享给大家供大家参考,具体如下:functionnewwin(url){varnewwin=window.ope
本文实例为大家分享了javascript实现前端分页效果的具体代码,供大家参考,具体内容如下需求:实现分页请求表格数据,ajax暂时没写,只写了分页的功能。效果