文章目录
一 分页器组件(一) Django的分页器(paginator)简介(二) 分页器的简单使用**视图层****模板层**
(三) 分页器的进阶使用**视图层****模板层**
一 分页器组件
(一) Django的分页器(paginator)简介
在页面显示分页数据,需要用到Django分页器组件。
-1 项目数据量大了以后,比如涉及到分页,一页一页的加载显示
-2 django中分页器组件,把分页常用的东西,封装到一个类中
-3 实例化得到一个对象,对象里有属性和方法
(二) 分页器的简单使用
from django
.core
.paginator
import Paginator
book_list
= models
.Book
.objects
.all()
paginator
= Paginator
(book_list
, 10)
print(paginator
.per_page
)
print(paginator
.count
)
print(paginator
.num_pages
)
print(paginator
.page_range
)
page
= paginator
.page
(2)
print(page
.has_next
())
print(page
.next_page_number
())
print(page
.has_previous
())
print(page
.object_list
)
print(page
.number
)
class Meta:
ordering
=('id', )
def index(request
):
ll
= []
for i
in range(100):
book
= models
.Book
(name
='西游记%s' % i
, price
=i
+ 1)
ll
.append
(book
)
models
.Book
.objects
.bulk_create
(ll
, 10)
return render
(request
, 'index.html')
视图层
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
= paginator
.page
(page_num_int
)
return render
(request
, 'index.html', context
={'page_range': page_range
, 'page': page
, 'page_num_int': page_num_int
})
模板层
<!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">
<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个页,
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
视图层
def index(request
):
page_num_int
= int(request
.GET
.get
('page', 1))
book_list
= models
.Book
.objects
.all()
paginator
= Paginator
(book_list
, 1)
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
= paginator
.page
(page_num_int
)
return render
(request
, 'index.html', {'page_range': page_range
, 'page': page
, 'page_num_int': page_num_int
})
模板层
<!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">
<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>