python Django框架实现web端分页呈现数据
这里介绍使用python-Django框架来实现web端分页呈现数据,主要说明对应的views,urls,templates三个文件的编程逻辑的实现。
首先介绍Django中的paginator类。paginator是Django中提供的可以实现管理数据分页的类。
from django.core import paginator
下面是本文用到的paginator中的属性和方法。
Paginator对象
1. 构造:Paginator(列表,int):返回分页的整体对象。
2. page_range:返回页码列表 [1,2,3,4…]
3. page(num):返回num页的数据内容
Page对象
1. 构造:Paginator对象的page()方法返回Page对象。
2. number:返回当前页的序号。
3. paginator:当前page对象相关的Paginator对象。page.paginator相当于Paginator对象。
A. 构造url。
#---urls.py------ from django.conf.urls import url import views urlpatterns = [ # 这个url构造在根目录下 # 定义为'info/数字'是为了传一个页面序号为参数给视图函数 # 视图函数接收到这个数字为参数后,就可以调用对应页的数据呈现 # 例如我们输入www.xxx.com/info/3,视图函数就会接收到(request,3)两个参数 url(r'^info/(\d*)$',views.info), ] #---------
B. 编写视图函数的逻辑。
#---views.py--- from django.shortcuts import render # 这里的lcoation是定义的模型类,包含有若干条地名数据 from models import location from django.core import paginator # 视图函数 # 同样,index是url传进来的页面序号 def info(request,index): # 获取所有的的数据,list是一个列表,包含有所有数据对应的实例对象 list = location.objects.all() # 使用Paginator方法返回一个分页的对象 # 这个对象包括所有数据,分页的情况 pag = paginator.Paginator(list,3) # 使用此判断语句是为了在用户跳转www.xxx.com/info/时也能访问第一页 if index=='': index=1 # 返回指定(index)页的数据,用于呈现在指定页上 page = pag.page(index) # 构造上下文,以便html文件中能调用对应页的数据 context = { 'page':page, } return render(request,'booktest/info.html',context) #---------
C. 模板文件。
#---info.html------ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> # 视图函数传进来的上下文page是指定页的数据 {% for each in page %} # 遍历显示每条数据 <li>{{ each.location_name }}</li> {% endfor %} </ul> <hr> # 这里是重点 # 同样还是需要调用视图函数传进来的page页的页码 # page.paginator得到page的paginator对象 # page.pageinator.page_range page_range可以返回页面列表[1,2,3,4...] # 遍历页面列表 {% for index in page.paginator.page_range %} # page.number是视图函数现在呈现页的页码 # 这个页码不需要做超链接 {% if index == page.number %} <span>{{ index }}</span> {% else %} # 生成每页超链接 # 点击每一个数字对应的链接就是'/info/点击的页数' # 这样在url解析的时候,又可以把这一页的编号传给视图函数 # 视图函数根据这个页码呈现对应的内容 <a href="/info/{{index}}" rel="external nofollow" >{{ index }}</a> {% endif %} {% endfor %} </body> </html> #---------
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
赞 (0)