django借助ListView实现自定义翻页
在views.py中
from .models import MuYi
from django.views.generic import ListView
class ArticleListView(ListView):
model = MuYi # 指定这个列表是给哪个模型的
template_name = 'list_view.html' # 指定这个列表的模板
paginate_by = 5 # 指定这个列表一页中展示多少条数据
context_object_name = 'data_list' # 指定这个列表模型在模板中的参数名称
ordering = 'create_time' # 指定这个列表的排序方式
page_kwarg = 'p' # 获取第几页的数据的参数名称。默认是page
# 如果你提取数据的时候，并不是要把所有数据都返回，
# 那么你可以重写这个方法。将一些不需要展示的数据给过滤掉
# def get_queryset(self):
# return MuYi.objects.filter(id__lte=89)
# 获取上下文的数据
def get_context_data(self, **kwargs):
context = super().get_context_data(**kwargs)
paginator = context.get('paginator')
page_obj = context.get('page_obj')
pagination_data = self.get_pagination_data(paginator,page_obj)
context.update(pagination_data)
return context
def get_pagination_data(self,paginator,page_obj,around_count=2):
current_page = page_obj.number # 当前页
num_pages = paginator.num_pages # 总共有多少页
left_has_more = False
right_has_more = False
if current_page<=around_count+2:
left_pages = range(1,current_page)
else:
left_has_more = True
left_pages = range(current_page-around_count,current_page)
if current_page>=num_pages-around_count-1:
right_pages = range(current_page+1,num_pages+1)
else:
right_has_more = True
right_pages = range(current_page+1,current_page+around_count+1)
return {
'left_pages':left_pages,
'right_pages':right_pages,
'current_page':current_page,
'left_has_more':left_has_more,
'right_has_more':right_has_more,
'num_pages':num_pages
}
在templates/list_view.html中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<ul>
{% for data in data_list %}
<li>{{ data.title }}</li>
{% endfor %}
<ul class="pagination">
<!--上一页的页码-->
{% if page_obj.has_previous %}
<li><a href="{% url 'list' %}?p={{ page_obj.previous_page_number }}">上一页</a></li>
{% else %}
<li class="disabled"><a href="javascript:void(0);">上一页</a></li>
{% endif %}
<!--实现左边的页码折叠-->
{% if left_has_more %}
<li><a href="{% url 'list' %}?p=1">1</a></li>
<li><a href="javascript:void(0);">...</a></li>
{% endif %}
<!--左边的页码-->
{% for left in left_pages %}
<li><a href="{% url 'list' %}?p={{ left }}">{{ left }}</a></li>
{% endfor %}
<!--中间的页码-->
<li class="active"><a href="{% url 'list' %}?p={{ current_page }}">{{ current_page }}</a></li>
<!--右边的页码-->
{% for right in right_pages %}
<li><a href="{% url 'list' %}?p={{ right }}">{{ right }}</a></li>
{% endfor %}
<!--实现右边的页码折叠-->
{% if right_has_more %}
<li><a href="javascript:void(0);">...</a></li>
<li><a href="{% url 'list' %}?p={{ num_pages }}">{{ num_pages }}</a></li>
{% endif %}
<!--下一页的页码-->
{% if page_obj.has_next %}
<li><a href="{% url 'list' %}?p={{ page_obj.next_page_number }}">下一页</a></li>
{% else %}
<li class="disabled"><a href="javascript:void(0);">下一页</a></li>
{% endif %}
</ul>
</ul>
</body>
</html>
路由映射，在urls.py中
from django.conf.urls import url
from . import views
urlpatterns = [
url(r'list_for_view',views.ArticleListView.as_view(),name='list')
]
Paginator和Page类：
Paginator和Page类都是用来做分页的。他们在Django中的路径为django.core.paginator.Paginator和django.core.paginator.Page。以下对这两个类的常用属性和方法做解释：
Paginator常用属性和方法：
-
count：总共有多少条数据。 -
num_pages：总共有多少页。 -
page_range：页面的区间。比如有三页，那么就range(1,4)。
Page常用属性和方法：
-
has_next：是否还有下一页。 -
has_previous：是否还有上一页。 -
next_page_number：下一页的页码。 -
previous_page_number：上一页的页码。 -
number：当前页。 -
start_index：当前这一页的第一条数据的索引值。 -
end_index：当前这一页的最后一条数据的索引值。
网友评论