Django分页功能的实现代码详解


Posted in Python onJuly 29, 2019

Django分页功能的实现

打开命令行窗口,创建Django工程,使用以下命令:

django-admin startproject djpage

cd djpage

python manage.py startapp demo

Django分页功能的实现代码详解

使用PyCharm打开工程,在工程的同名文件夹的settings.py文件,注册应用,添加模板路径,修改部分的settings.py内容如下:

INSTALLED_APPS = [
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
  'demo.apps.DemoConfig'
]

TEMPLATES = [
  {
    'BACKEND': 'django.template.backends.django.DjangoTemplates',
    'DIRS': [os.path.join(BASE_DIR,'templates')],
    'APP_DIRS': True,
    'OPTIONS': {
      'context_processors': [
        'django.template.context_processors.debug',
        'django.template.context_processors.request',
        'django.contrib.auth.context_processors.auth',
        'django.contrib.messages.context_processors.messages',
      ],
    },
  },
]

Django分页功能的实现代码详解

在工程同名文件的urls.py文件,添加到应用的视图的路由

from django.conf.urls import url
from django.contrib import admin
from demo import views
urlpatterns = [
  url(r'^admin/', admin.site.urls),
  url(r'page/(?P<id>\d+)/$',views.page)
]

Django分页功能的实现代码详解

在应用的视图views.py文件,编写处理请求函数,实现分页显示一个列表的内容,这里列表也可以是查询集

from django.shortcuts import render
from django.core.paginator import Paginator
# Create your views here.

def page(request,id):

  hello_list = [{'title':'hello'},{'title':'world'},
        {'title':'hello1'},{'title':'world1'},
        {'title':'hello2'},{'title':'world2'},
        {'title':'hello3'},{'title':'world3'},
        {'title':'hello4'},{'title':'world4'}]
  pag = Paginator(hello_list, 2)
  page = pag.page(int(id))
  return render(request,template_name='home.html', context={'page': page})

在工程根目录新建templates文件夹,并创建一个home.html文件,代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <ul>
    {% for item in page %}
    <li>{{item.title}}</li>
    {% endfor %}
  </ul>
  {% if page.has_previous %}
  <a href="/page/{{ page.previous_page_number }}" rel="external nofollow" rel="external nofollow" ><上一页</a>
  {% endif %}

  {# 遍历显示页码的链接 #}
  {% for index in page.paginator.page_range %}
  {# 判断是否是当前页 #}
    {% if index == page.number %}
      {{ index }}
    {% else %}
      <a href="/page/{{ index }}" rel="external nofollow" rel="external nofollow" >{{ index }}</a>
    {% endif %}
  {% endfor %}

  {# 判断是否有下一页 #}
  {% if page.has_next %}
    <a href="/page/{{ page.next_page_number }}" rel="external nofollow" rel="external nofollow" >下一页></a>
  {% endif %}

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <ul>
    {% for item in page %}
    <li>{{item.title}}</li>
    {% endfor %}
  </ul>
  {% if page.has_previous %}
  <a href="/page/{{ page.previous_page_number }}" rel="external nofollow" rel="external nofollow" ><上一页</a>
  {% endif %}

  {# 遍历显示页码的链接 #}
  {% for index in page.paginator.page_range %}
  {# 判断是否是当前页 #}
    {% if index == page.number %}
      {{ index }}
    {% else %}
      <a href="/page/{{ index }}" rel="external nofollow" rel="external nofollow" >{{ index }}</a>
    {% endif %}
  {% endfor %}

  {# 判断是否有下一页 #}
  {% if page.has_next %}
    <a href="/page/{{ page.next_page_number }}" rel="external nofollow" rel="external nofollow" >下一页></a>
  {% endif %}

</body>
</html>

page.paginator.page_range是页面总数

Django分页功能的实现代码详解

运行django服务器

python manage.py runserver

Django分页功能的实现代码详解

打开网页,输入

http://127.0.0.1:8000/page/1

显示效果图如下,分页成功

Django分页功能的实现代码详解

知识点扩展:

自定义分页的实例代码:

def book(request):
 # 从URL取参数(访问的页码)
 page_num = request.GET.get("page")
 try:
 # 将取出的page转换为int类型
 page_num = int(page_num)
 except Exception as e:
 # 当输入的页码不是正经数字的时候 默认返回第一页的数据
 page_num = 1
 
 # 数据库总数据是多少条
 total_count = models.Book.objects.all().count()
 
 # 每一页显示多少条数据
 per_page = 10
 
 # 总共需要多少页码来展示
 total_page, m = divmod(total_count, per_page)
 if m:
 total_page += 1
 
 # 如果输入的页码数超过了最大的页码数,默认返回最后一页
 if page_num > total_page:
 page_num = total_page
 
 # 定义两个变量从哪里开始到哪里结束
 data_start = (page_num - 1) * 10
 data_end = page_num * 10
 
 # 页面上总共展示多少页码
 max_page = 11
 if total_page < max_page:
 max_page = total_page
 
 # 把从URL中获取的page_num 当做是显示页面的中间值, 那么展示的便是当前page_num 的前五页和后后五页
 half_max_page = max_page // 2
 # 根据展示的总页码算出页面上展示的页码从哪儿开始
 page_start = page_num - half_max_page
 # 根据展示的总页码算出页面上展示的页码到哪儿结束
 page_end = page_num + half_max_page
 
 # 如果当前页减一半 比1还小, 不然页面上会显示负数的页码
 if page_start <= 1:
 page_start = 1
 page_end = max_page
 # 如果 当前页 加 一半 比总页码数还大, 不然页面上会显示比总页码还大的多余页码
 if page_end >= total_page:
 page_end = total_page
 page_start = total_page - max_page + 1
 
 # 从数据库取值, 并按照起始数据到结束数据展示
 all_book = models.Book.objects.all()[data_start:data_end]
 
 
 # 自己拼接分页的HTML代码
 html_str_list = []
 
 # # 加上首页
 html_str_list.append('<li><a href="/book/?page=1" rel="external nofollow"  >首页</a></li>')
 
 # 断一下 如果是第一页,就没有上一页
 if page_num <= 1:
 html_str_list.append('<li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow"  ><span aria-hidden="true">«</span></a></li>')
 else:
 # 不是第一页,就加一个上一页的标签
 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow"   ><span aria-hidden="true">«</span></a></li>'.format(page_num - 1))
 
 for i in range(page_start, page_end + 1):
 # 如果是当前页就加一个active样式类
 if i == page_num:
  tmp = '<li class="active"><a href="/book/?page={0}" rel="external nofollow" rel="external nofollow"  >{0}</a></li>'.format(i)
 else:
  tmp = '<li><a href="/book/?page={0}" rel="external nofollow" rel="external nofollow"  >{0}</a></li>'.format(i)
 
 html_str_list.append(tmp)
 
 # 判断,如果是最后一页,就没有下一页
 if page_num >= total_page:
 html_str_list.append('<li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow"  ><span aria-hidden="true">»</span></a></li>')
 else:
 # 不是最后一页, 就加一个下一页标签
 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow"   ><span aria-hidden="true">»</span></a></li>'.format(page_num + 1))
 
 # 加上尾页
 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow"   >尾页</a></li>'.format(total_page))
 
 page_html = "".join(html_str_list)
 return render(request, "book.html", {"all_book":all_book, "page_html":page_html})
Python 相关文章推荐
Python 自动安装 Rising 杀毒软件
Apr 24 Python
Python命令行参数解析模块optparse使用实例
Apr 13 Python
使用Python下载歌词并嵌入歌曲文件中的实现代码
Nov 13 Python
Python 获得命令行参数的方法(推荐)
Jan 24 Python
Python实现爬虫抓取与读写、追加到excel文件操作示例
Jun 27 Python
Python中numpy模块常见用法demo实例小结
Mar 16 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
Apr 17 Python
django使用admin站点上传图片的实例
Jul 28 Python
numpy.random.shuffle打乱顺序函数的实现
Sep 10 Python
使用python从三个角度解决josephus问题的方法
Mar 27 Python
Python sqlalchemy时间戳及密码管理实现代码详解
Aug 01 Python
分享7个 Python 实战项目练习
Mar 03 Python
微信小程序python用户认证的实现
Jul 29 #Python
Python 堆叠柱状图绘制方法
Jul 29 #Python
Django处理Ajax发送的Get请求代码详解
Jul 29 #Python
Django框架视图函数设计示例
Jul 29 #Python
python内存监控工具memory_profiler和guppy的用法详解
Jul 29 #Python
Python 硬币兑换问题
Jul 29 #Python
django中使用Celery 布式任务队列过程详解
Jul 29 #Python
You might like
php批量删除数据
2007/01/18 PHP
php.ini-dist 和 php.ini-recommended 的区别介绍(方便开发与安全的朋友)
2012/07/01 PHP
PHP 关于访问控制的和运算符优先级介绍
2013/07/08 PHP
PHP结合jQuery.autocomplete插件实现输入自动完成提示的功能
2015/04/27 PHP
PHP5.2下preg_replace函数的问题
2015/05/08 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
载入进度条 效果
2006/07/08 Javascript
javascript 进度条 实现代码
2009/07/30 Javascript
跟我学习javascript的作用域与作用域链
2015/11/19 Javascript
Node.js + Redis Sorted Set实现任务队列
2016/09/19 Javascript
微信小程序实现图片自适应(支持多图)
2017/01/25 Javascript
JavaScript Base64 作为文件上传的实例代码解析
2017/02/14 Javascript
jquery实现图片平滑滚动详解
2017/03/22 jQuery
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
2019/04/10 jQuery
详解如何使用nvm管理Node.js多版本
2019/05/06 Javascript
vue选项卡切换登录方式小案例
2019/09/27 Javascript
antd配置config-overrides.js文件的操作
2020/10/31 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
[05:16]《大圣!大圣》——DOTA2新英雄齐天大圣配音李世宏老师专访
2016/12/13 DOTA
python 循环读取txt文档 并转换成csv的方法
2018/10/26 Python
详解Python3之数据指纹MD5校验与对比
2019/06/11 Python
windows下安装Python虚拟环境virtualenvwrapper-win
2019/06/14 Python
Python2与Python3的区别详解
2020/02/09 Python
python GUI库图形界面开发之PyQt5滚动条控件QScrollBar详细使用方法与实例
2020/03/06 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
解析html5 canvas实现背景鼠标连线动态效果代码
2019/06/17 HTML / CSS
美国女性奢华品牌精品店:INTERMIX
2017/10/12 全球购物
如何在Oracle中查看各个表、表空间占用空间的大小
2015/10/31 面试题
什么是Smart Navigation?
2016/07/03 面试题
税务专业毕业生自荐信
2013/11/10 职场文书
个人买房协议书范本
2014/10/06 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书
2016年秋季趣味运动会开幕词
2016/03/04 职场文书
vue @click.native 绑定原生点击事件
2022/04/22 Vue.js