分页

最新推荐文章于 2020-08-17 09:31:21 发布

匹诺曹木偶

最新推荐文章于 2020-08-17 09:31:21 发布

阅读量102

点赞数

分类专栏： django 文章标签： python

本文链接：https://blog.csdn.net/qq_43665151/article/details/104400800

版权

django 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

1 Paginator 分⻚器

Paginator⽤于分⻚，但Paginator并不具体管理具体的⻚的处理，⽽是使⽤Page对象管理具体⻚⾯

创建分⻚器对象
格式： Paginator(<query_set查询集>,每⻚显示数据的条数)

对象的属性
count 分⻚对象的个数
num_pages 总⻚数
page_range ⻚码的列表

⽅法
page(num) 返回page对象如果给定的⻚码不存在则抛出异常

2 page 对象

类别	名称	说明
属性	object_list	当前⻚码上的所有数据
属性	number	当前⻚码值
属性	paginator	返回Paginator的对象
方法	has_next	是否有下一页
方法	has_previous	是否有上一页
方法	has_other_pages	是否有上一页或下一页
方法	next_page_number	返回下一页页码
方法	previous_page_number	返回上一页页码
方法	len	返回当前页数据的个数

实例

url(r'^userlist/$',views.userlist,name='userlist'),
url(r'^userlist/(\d+)/$',views.userlist,name='userlist1'),

# views.py
def userlist(request,page=1):
 users = User.objects.all()
 # 实例化分⻚对象，⼀⻚两条记录
 pagination = Paginator(users,2)
 page = pagination.page(page) #某⼀⻚的分⻚对象
 return render(request,'userlist.html',context={
 'data':page.object_list, #当前⻚的数据(列表)
 'page_range':pagination.page_range,#⻚码范围
 'page':page
 })

前端代码

#模板⽂件
{% load static %}
<!DOCTYPE html>
<html lang="zh-CN">
 <head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initialscale=1">
 <!-- 上述3个meta标签*必须*放在最前⾯，任何其他内容都*必须*跟随其后！ -
->
 <title>⽤户列表</title>
 <!-- Bootstrap -->
 <link href="{% static 'bootstrap/css/bootstrap.min.css' %}"
rel="stylesheet">
 </head>
 <body>
 <div class="container-fluid">
 <div class="row">
 <div class="bs-example" data-example-id="bordered-table">
 <table class="table table-bordered">
 <thead>
 <tr>
 <th>#</th>
 <th>⽤户名</th>
 <th>密码</th>
 <th>年龄</th>
 </tr>
 </thead>
 <tbody>
 {% for user in data %}
 <tr>
 <th scope="row">{{ forloop.counter }}
</th>
 <td>{{ user.username }}</td>
 <td>{{ user.password }}</td>
 <td>{{ user.age }}</td>
 </tr>
 {% endfor %}
 </tbody>
 </table>
 </div>
 </div>
 </div>
 <div class="container-fluid">
 <div class="row">
 <div class="col-md-4"></div>
 <div class="col-md-5">
 <nav aria-label="Page navigation">
 <ul class="pagination">
 {% if page.has_previous %}
 <li>
 <a href="{% url 'app:userlist1'
page.number|add:'-1' %}" aria-label="Previous">
 <span aria-hidden="true">&laquo;
</span>
 </a>
 </li>
 {% else %}
 <li class="disabled">
 <span href="{% url 'app:userlist1'
page.number|add:'-1' %}" aria-label="Previous">
 <span aria-hidden="true">&laquo;
</span>
 </span>
 </li>
 {% endif %}
 {% for num in pagerange %}
 {% ifequal num page.number %}
 <li class="active"><a href="{% url
'app:userlist1' num %}">{{ num }}</a></li>
 {% else %}
 <li><a href="{% url 'app:userlist1'
num %}">{{ num }}</a></li>
 {% endifequal %}
 {% endfor %}
 {% if page.has_next %}
 <li>
 <a href="{% url 'app:userlist1'
page.number|add:'1' %}" aria-label="Next">
 <span aria-hidden="true">&raquo;
</span>
 </a>
 </li>
 {% else %}
 <li class="disabled">
 <span href="#" aria-label="Next">
 <span aria-hidden="true">&raquo;
</span>
 </span>
 </li>
 {% endif %}
 </ul>
 </nav>
 </div>
 <div class="col-md-3"></div>
 </div>
 </div>
 <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="{% static 'bootstrap/js/jquery-1.12.4.min.js' %}">
</script>
 <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单
个插件。 -->
 <script src="{% static 'bootstrap/js/bootstrap.min.js' %}">
</script>
 </body>
</html>