Django之分页器组件
2021/6/26 6:26:46
本文主要是介绍Django之分页器组件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！
目录- Django之分页器组件
- 一 Django的分页器(paginator)简介
- 二 分页器的简单使用
- 1 视图层
- 2 模板层
- 三 分页器的进阶使用
- 1 视图层
- 2 模板层
Django之分页器组件
一 Django的分页器(paginator)简介
在页面显示分页数据，需要用到Django分页器组件。 -1) 项目数据量大了以后，比如涉及到分页，一页一页的加载显示 -2) django中分页器组件，把分页常用的东西，封装到一个类中 -3) 实例化得到一个对象，对象里有属性和方法
二 分页器的简单使用
# 导入分页器的类
from django.core.paginator import Paginator
## 1 Paginator对象的属性和方法
book_list = models.Book.objects.all()
# 实例化得到对象
# 第一个参数：要分页的数据，book_list
# 第二个参数：每页条数
paginator = Paginator(book_list, 10)
# Paginator对象的属性和方法
print(paginator.per_page) # 每页显示的条数
print(paginator.count) # 总条数，总共要分页多少条数据
print(paginator.num_pages) # 总页码数
print(paginator.page_range) # 页码的生成器 [1,2,3,4,5,6,7,8,9,10]
## 2 Page对象的属性和方法
# Page类 的对象
page = paginator.page(2) # 第二页的对象
# 每一页的对象，属性和方法
print(page.has_next()) # 有没有下一页
print(page.next_page_number()) # 下一页页码
print(page.has_previous()) # 有没有上一页页面 （当前页如果是第一页，没有上一页）
print(page.object_list) # 当前页的所有数据, <QuerySet [<Book: Book object (11)>, <Book: Book object (12)>, <Book: Book object (13)>, <Book: Book object (14)>, <Book: Book object (15)>, <Book: Book object (16)>, <Book: Book object (17)>, <Book: Book object (18)>, <Book: Book object (19)>, <Book: Book object (20)>]>
print(page.number) # 当前页的页码数
## 3 设置表模型中默认以id排序
class Meta:
ordering=('id', ) # 默认以id排序
## 4 如何在表中批量插入数据
def index(request):
# 批量插入数据的两种方式
# # 方式一:[不推荐，进行了100次数据库写入，不好]
# for i in range(100):
# models.Book.objects.create(name='西游记%s' % i, price=i + 1)
# 方式二：
ll = []
for i in range(100):
book = models.Book(name='西游记%s' % i, price=i + 1)
ll.append(book)
# 使用bulk_create() 进行批量插入
models.Book.objects.bulk_create(ll, 10)
# 原生sql：(0.001) INSERT INTO `book_test_book` (`name`, `price`) VALUES ('西游记0', '1.00'), ('西游记1', '2.00'), ('西游记2', '3.00'), ('西游记3', '4.00'), ('西游记4', '5.00'), ('西游记5', '6.00'), ('西游记6', '7.00'), ('西游记7', '8.00'), ('西游记8', '9.00'), ('西游记9', '10.00'); args=('西游记0', '1.00', '西游记1', '2.00', '西游记2', '3.00', '西游记3', '4.00', '西游记4', '5.00', '西游记5', '6.00', '西游记6', '7.00', '西游记7', '8.00', '西游记8', '9.00', '西游记9', '10.00')
return render(request, 'index.html')
1 视图层
from django.core.paginator import Paginator
def index(request):
# 需要的第三个参数
page_num_int = int(request.GET.get('page', 1))
book_list = models.Book.objects.all()
paginator = Paginator(book_list, 10)
# 需要的第一个参数：页码的生成器
page_range = paginator.page_range
# 需要的第二个参数，去到某一页的page对象
page = paginator.page(page_num_int)
return render(request, 'index.html', context={'page_range': page_range, 'page': page, 'page_num_int': page_num_int})
2 模板层
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<title>Title</title>
</head>
<body>
<div class="container-fluid"> <!-- 流式布局 -->
<div class="row"> <!-- 栅格系统 -->
<div class="col-md-6 col-md-offset-3"> <!-- 六个栅格，左偏移3 -->
<table class="table">
<thead>
<tr>
<th>id</th>
<th>名字</th>
<th>价格</th>
</tr>
</thead>
<tbody>
{% for book in page.object_list %}
<tr>
<td>{{ book.id }}</td>
<td>{{ book.name }}</td>
<td>{{ book.price }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="text-center">
<nav aria-label="Page navigation">
<ul class="pagination">
<!-- 逻辑判断，如果有前一页，则可以点击上一页按钮 -->
{% if page.has_previous %}
<li>
<a href="/?page={{ page.previous_page_number }}" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
{% else %}
<!-- 禁用按钮 -->
<li class="disabled">
<a href="" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
{% endif %}
{% for page_num in page_range %}
{% if page_num_int == page_num %}
<li class="active"><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
{% else %}
<li><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
{% endif %}
{% endfor %}
<!-- 逻辑判断，如果有后一页，则可以点击下一页按钮 -->
{% if page.has_next %}
<li>
<a href="/?page={{ page.next_page_number }}" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
{% else %}
<!-- 禁用按钮 -->
<li class="disabled">
<a href="" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
{% endif %}
</ul>
</nav>
</div>
</div>
</div>
</div>
</body>
</html>
三 分页器的进阶使用
# 最多显示前5 后5 和当前，总共11个页码，如果少于11，全部显示出来
#逻辑分析
显示左5，右5，总共11个页，
1): 如果总页码大于11
1.1) if 当前页码减5小于1，要生成1到12的列表（顾头不顾尾，共11个页码）
page_range=range(1,12)
1.2) elif 当前页码+5大于总页码，生成当前页码减10，到当前页码加1的列表（顾头不顾尾，共11个页码）
page_range=range(paginator.num_pages-10,paginator.num_pages+1)
1.3) else 生成当前页码-5，到当前页码+6的列表
page_range=range(current_page_num-5,current_page_num+6)
2): 其它情况，生成的列表就是pageinator的page_range
page_range=paginator.page_range
1 视图层
def index(request):
# 需要的第三个参数
page_num_int = int(request.GET.get('page', 1))
book_list = models.Book.objects.all()
paginator = Paginator(book_list, 1)
# 需要的第一个参数：页码的生成器 [1,2,3,4,5,6,7,8,9,10]
# page_range = paginator.page_range
if paginator.num_pages > 11:
# 当前条件符合了以后，有三种情况
if page_num_int - 5 < 1:
page_range = range(1, 11)
elif page_num_int + 5 > paginator.num_pages:
page_range = range(paginator.num_pages - 10, paginator.num_pages + 1)
else:
page_range = range(page_num_int - 5, page_num_int + 5)
else:
page_range = paginator.page_range
# 需要的第二个参数,去到某一页的page对象
page = paginator.page(page_num_int)
return render(request, 'index.html', {'page_range': page_range, 'page': page, 'page_num_int': page_num_int})
2 模板层
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<title>Title</title>
</head>
<body>
<div class="container-fluid"> <!-- 流式布局 -->
<div class="row"> <!-- 栅格系统 -->
<div class="col-md-6 col-md-offset-3"> <!-- 六个栅格，左偏移3 -->
<table class="table">
<thead>
<tr>
<th>id</th>
<th>名字</th>
<th>价格</th>
</tr>
</thead>
<tbody>
{% for book in page.object_list %}
<tr>
<td>{{ book.id }}</td>
<td>{{ book.name }}</td>
<td>{{ book.price }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="text-center">
<nav aria-label="Page navigation">
<ul class="pagination">
<!-- 逻辑判断，如果有前一页，则可以点击上一页按钮 -->
{% if page.has_previous %}
<li>
<a href="/?page={{ page.previous_page_number }}" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
{% else %}
<!-- 禁用按钮 -->
<li class="disabled">
<a href="" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
{% endif %}
{% for page_num in page_range %}
{% if page_num_int == page_num %}
<li class="active"><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
{% else %}
<li><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
{% endif %}
{% endfor %}
<!-- 逻辑判断，如果有后一页，则可以点击下一页按钮 -->
{% if page.has_next %}
<li>
<a href="/?page={{ page.next_page_number }}" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
{% else %}
<!-- 禁用按钮 -->
<li class="disabled">
<a href="" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
{% endif %}
</ul>
</nav>
</div>
</div>
</div>
</div>
</body>
</html>
这篇关于Django之分页器组件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
- 2024-12-20go-zero 框架的 RPC 服务 启动start和停止 底层是怎么实现的？-icode9专业技术文章分享
- 2024-12-19Go-Zero 框架的 RPC 服务启动和停止的基本机制和过程是怎么实现的？-icode9专业技术文章分享
- 2024-12-18怎么在golang中使用gRPC测试mock数据？-icode9专业技术文章分享
- 2024-12-15掌握PageRank算法核心！你离Google优化高手只差一步！
- 2024-12-15GORM 中的标签 gorm:"index"是什么？-icode9专业技术文章分享
- 2024-12-11怎么在 Go 语言中获取 Open vSwitch (OVS) 的桥接信息（Bridge）？-icode9专业技术文章分享
- 2024-12-11怎么用Go 语言的库来与 Open vSwitch 进行交互？-icode9专业技术文章分享
- 2024-12-11怎么在 go-zero 项目中发送阿里云短信？-icode9专业技术文章分享
- 2024-12-11怎么使用阿里云 Go SDK (alibaba-cloud-sdk-go) 发送短信？-icode9专业技术文章分享
- 2024-12-10搭建个人博客网站之一、使用hugo创建个人博客网站
