一、知识点

参考:https://docs.djangoproject.com/zh-hans/3.0/topics/pagination/

查询出所有省级地区的信息,显示在页面上。

AeroInfo.objects.filter(aParent__isnull = True)

1) 查询出所有省级地区的信息。

2) 按每页显示10条信息进行分页,默认显示第一页的信息,下面并显示出页码。

3) 点击i页链接的时候,就显示第i页的省级地区信息。

from django.core.paginator import Paginator
paginator = Paginator(areas, 10) #按每页10条数据进行分页

Paginator类对象的属性:

属性名 说明
num_pages 返回分页之后的总页数
page_range 返回分页后页码的列表

Paginator类对象的方法:

方法名 说明
page(self, number) 返回第number页的Page类实例对象

Page类对象的属性:

属性名 说明
number 返回当前页的页码
object_list 返回包含当前页的数据的查询集
paginator 返回对应的Paginator类对象

Page类对象的方法:

属性名 说明
has_previous 判断当前页是否有前一页
has_next 判断当前页是否有下一页
previous_page_number 返回前一页的页码
next_page_number 返回下一页的页码

二、分页实例

1)app1/models.py写地区模型类

from django.db import models

class AreaInfo(models.Model):
'''地址模型类'''
# 地区名称
atitle = models.CharField(verbose_name='标题', max_length=20)
# 自关联属性
aParent = models.ForeignKey('self', null=True, blank=True,on_delete=models.CASCADE) def __str__(self):
return self.atitle def title(self):
return self.atitle
title.admin_order_field = 'atitle'
title.short_description = '地区名称' def parent(self):
if self.aParent is None:
return ''
return self.aParent.atitle
parent.short_description = '父级地区名称'

2)app1/views.py写显示函数

from django.shortcuts import render
from django.http import HttpResponse
from app1.models import AreaInfo #导入图片模型类 # /index
def index(request):
return render(request,'app1/index.html') # /show_areas
# 前端访问的时候,需要传递页码
from django.core.paginator import Paginator #【0】导入分页模块
def show_areas(request):
'''分页显示地区'''
areas=AreaInfo.objects.filter(aParent__isnull=True) #【1】过滤父级为空的地区,即省区
paginator=Paginator(areas,10) #【2】把省区进行分页,每页显示10条
page=paginator.page(1) #【3】获取第一页试试
return render(request,'app1/show_areas.html',{'page':page}) # 【4】返回第一页给模板。传所有区数据'areas':areas

3)模板templates/app1/show_areas.html

<!DOCTYPE html>
<html>
<head>
<title>显示地区</title>
</head>
<body> <ul>
{% for a in page %}
<li>{{a.atitle}}</li>
{% endfor %}
</ul> </body>
</html>

4)配置urls.py

from django.contrib import admin
from django.urls import path
from app1 import views urlpatterns = [
path('index/', views.index), path('show_upload/',views.show_upload),# 图片上传页
path('upload_handle/',views.upload_handle),# 图片上传处理页 path('show_areas/',views.show_areas), #显示地区
]

5)效果:http://127.0.0.1:8000/show_areas/

显示第一页十条数据:

北京市

天津市

河北省

山西省

内蒙古自治区

辽宁省

吉林省

黑龙江省

上海市

江苏省

2.2完整的分布实例

1)模板templates/app1/show_areas.html

<!DOCTYPE html>
<html>
<head>
<title>显示地区</title>
</head>
<body>
<ul>
{# 遍历获取每一条数据 #}
{# {% for area in page.object_list %}#}
{% for area in page %}
<li>{{ area.atitle }}</li>
{% endfor %}
</ul>
{# 判断是否有上一页 #}
{% if page.has_previous %}
<a href="/show_areas{{ page.previous_page_number }}">&lt;上一页</a>
{% endif %} {# 遍历显示页码的链接 #}
{% for pindex in page.paginator.page_range %}
{# 判断是否是当前页 #}
{% if pindex == page.number %}
{{ pindex }}
{% else %}
<a href="/show_areas{{ pindex }}">{{ pindex }}</a>
{% endif %}
{% endfor %} {# 判断是否有下一页 #}
{% if page.has_next %}
<a href="/show_areas{{ page.next_page_number }}">下一页&gt;</a>
{% endif %}
</ul> </body>
</html>

2)app1/views.py

from django.shortcuts import render
from django.http import HttpResponse
from project1.settings import MEDIA_ROOT #导入上传文件保存路径 或 from django.conf import settings
from app1.models import PicTest,AreaInfo #导入图片模型类 # /index
def index(request):
return render(request,'app1/index.html') # /show_areas
# 前端访问的时候,需要传递页码pindex
from django.core.paginator import Paginator #【0】导入分页模块
def show_areas(request,pindex):
'''分页显示地区'''
# 1.查询出所有省级地区的信息
areas = AreaInfo.objects.filter(aParent__isnull=True)
# 2. 分页,每页显示10条
paginator = Paginator(areas, 10) # 3. 获取第pindex页的内容
if pindex == '':
# 默认取第一页的内容
pindex = 1
else:
pindex = int(pindex)
# page是Page类的实例对象
page = paginator.page(pindex)
return render(request,'app1/show_areas.html',{'page':page}) # 【4】返回第一页给模板。

3)配置urls.py

from django.contrib import admin
from django.urls import path,re_path
from app1 import views urlpatterns = [
path('index/', views.index), path('show_upload/',views.show_upload),# 图片上传页
path('upload_handle/',views.upload_handle),# 图片上传处理页 #path('show_areas/',views.show_areas), #显示地区 re_path(r'show_areas(?P<pindex>\d*)', views.show_areas), # 分页
]

效果:http://127.0.0.1:8000/show_areas



Django(二十)分页:的更多相关文章

  1. python运维开发(二十)----models操作、中间件、缓存、信号、分页

    内容目录 select Form标签数据库操作 models操作F/Q models多对多表操作 Django中间件 缓存 信号 分页 select Form标签补充 在上一节中我们可以知道Form标 ...

  2. {Django基础十之Form和ModelForm组件}一 Form介绍 二 Form常用字段和插件 三 From所有内置字段 四 字段校验 五 Hook钩子方法 六 进阶补充 七 ModelForm

    Django基础十之Form和ModelForm组件 本节目录 一 Form介绍 二 Form常用字段和插件 三 From所有内置字段 四 字段校验 五 Hook钩子方法 六 进阶补充 七 Model ...

  3. 第三百二十节,Django框架,生成二维码

    第三百二十节,Django框架,生成二维码 用Python来生成二维码,需要qrcode模块,qrcode模块依赖Image 模块,所以首先安装这两个模块 生成二维码保存图片在本地 import qr ...

  4. Django(十四)分页器(paginator)及自定义分页D

    http://www.mamicode.com/info-detail-1724597.html http://www.cnblogs.com/wupeiqi/articles/5246483.htm ...

  5. Bootstrap <基础二十九>面板(Panels)

    Bootstrap 面板(Panels).面板组件用于把 DOM 组件插入到一个盒子中.创建一个基本的面板,只需要向 <div> 元素添加 class .panel 和 class .pa ...

  6. Bootstrap <基础二十八>列表组

    列表组.列表组件用于以列表形式呈现复杂的和自定义的内容.创建一个基本的列表组的步骤如下: 向元素 <ul> 添加 class .list-group. 向 <li> 添加 cl ...

  7. Bootstrap <基础二十六>进度条

    Bootstrap 进度条.在本教程中,你将看到如何使用 Bootstrap 创建加载.重定向或动作状态的进度条. Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果.Internet ...

  8. Bootstrap <基础二十五>警告(Alerts)

    警告(Alerts)以及 Bootstrap 所提供的用于警告的 class.警告(Alerts)向用户提供了一种定义消息样式的方式.它们为典型的用户操作提供了上下文信息反馈. 您可以为警告框添加一个 ...

  9. Bootstrap<基础二十四> 缩略图

    Bootstrap 缩略图.大多数站点都需要在网格中布局图像.视频.文本等.Bootstrap 通过缩略图为此提供了一种简便的方式.使用 Bootstrap 创建缩略图的步骤如下: 在图像周围添加带有 ...

随机推荐

  1. centos7 安装pip2和pip3

    linux pip2 安装cd /usr/bin yum install -y epel-release yum install -y python-pip _____________________ ...

  2. Linux - 删除文件的正确方式

    mv <file> /tmp/ cp <file> /opt/file.bak rm

  3. python-opencv:读取图片

    代码 import cv2 # 读取一张图片 src = cv2.imread("../images/lena.jpg") # 命名一个窗口 cv2.namedWindow(&qu ...

  4. Linux 笔记:目录

    目录 Linux的文件系统目录树庞大而复杂.如果你非常熟悉它的话,会极大地提高你应用Linux的技巧. 简单地说,典型的Linux包含五大文件系统目录. 根据你自己系统的需要和大小,这些文件系统目录能 ...

  5. MySQL表结构导出Excel

    1. information_schema.COLUMNS表记录了所有库中所有表的字段信息 SELECT COLUMN_NAME 字段名称, COLUMN_TYPE 字段类型, COLUMN_DEFA ...

  6. vue下canvas绘制矩形

    起因:根据项目需求本人写了一个绘制矩形的组件.功能:在图片中绘制矩形,根据图片大小进行自适应展示,获取图片矩形坐标.思路:首先定义一个固定大小的DIV,DIV标签中有监测鼠标变化的四个事件moused ...

  7. 研发2nm芯片,台积电如何做到天下第一?

    日前,台积电宣布,正式启动2nm芯片工艺的研发,工厂将会设置在台湾新竹的南方科技园,预计2024年投入量产,发言人称:2nm工艺是一个重要节点,目标是比3nm制程缩小23%.科技先锋总会打脸分析专家, ...

  8. vue 项目中的less

    收先要在cmd中运行 npm install less less-loader --save 然后会在 moudules文件夹中生成less 和less-loader <style lang=& ...

  9. Linux kali安装或更新之后出现乱码

    打开终端,输入以下命令,之后重启. apt-get install ttf-wqy-zenhei

  10. matlab练习程序(传染病模型)

    最近新型冠状病毒疫情越来越严重了,待在家中没法出去,学习一下经典传染病模型. 这里总结了五个模型,分别是SI模型,SIS模型,SIR模型,SIRS模型,SEIR模型. 这几种模型的特点先介绍一下. 首 ...