Django內置分頁器
views.py
def index(request):
# for i in range(300):
# name = "zekai%s" % (i)
# models.UserInfo.objects.create(name=name)
try:
cur_page = request.GET.get('cur_page') # 10 dfsadsa
cur_page = int(cur_page)
except Exception as e:
cur_page = 1
user_list = models.UserInfo.objects.all()
### 內置分頁
# per_page: 每頁顯示條目數量
# count: 數據總個數
# num_pages:總頁數
# page_range:總頁數的索引范圍，如: (1,10),(1,200)
# page: page對象
paginator = Paginator(user_list, 10)
# print(paginator.per_page, paginator.count, paginator.num_pages)
users = paginator.page(cur_page)
# has_next 是否有下一頁
# next_page_number 下一頁頁碼
# has_previous 是否有上一頁
# previous_page_number 上一頁頁碼
# object_list 分頁之后的數據列表
# number 當前頁
# paginator paginator對象
return render(request, "index.html", {"user_list":users})
xxx.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
</head>
<body>
<ul>
{% for user in user_list.object_list %}
<li>{{ user.name }}</li>
{% endfor %}
</ul>
{% if user_list.has_previous %}
<a href="/index/?cur_page={{ user_list.previous_page_number }}">上一頁</a>
{% endif %}
{% for num in user_list.paginator.page_range %}
{% if num == user_list.number %}
<a style="display: inline-block; padding: 5px; margin: 5px;background-color: red" href="/index/?cur_page={{ num }}">{{ num }}</a>
{% else %}
<a style="display: inline-block; padding: 5px; margin: 5px;" href="/index/?cur_page={{ num }}">{{ num }}</a>
{% endif %}
{% endfor %}
{% if user_list.has_next %}
<a href="/index/?cur_page={{ user_list.next_page_number }}">下一頁</a>
{% endif %}
</body>
</html>
自定義分頁器
尚澤愷views.py
可更改custom來將數據提交到不同的頁面上
###自定制的分頁類
class PageInfo():
def __init__(self, cur_page, total, per_page=10, show_page=11):
try:
self.cur_page = int(cur_page)
except Exception as e:
self.cur_page = 1
self.per_page = per_page
self.show_page = show_page
a, b = divmod(total, per_page)
if b:
self.total_page = a + 1
else:
self.total_page = a
def get_start(self):
return (self.cur_page - 1) * self.per_page
def get_stop(self):
return self.cur_page * self.per_page
def page(self):
half = int((self.show_page ) / 2)
### 總頁數 < show_page == 11
if self.total_page < self.show_page:
begin = 1
stop = self.total_page + 1
else:
### 總頁數 > show_page == 11
if self.cur_page - 1 < half:
begin = 1
stop = self.show_page + 1
elif self.cur_page + half > self.total_page:
# begin = self.cur_page - half
begin = self.total_page - self.show_page + 1
stop = self.total_page + 1
else:
begin = self.cur_page - half
stop = self.cur_page + half + 1
sli = []
if self.cur_page == 1:
# s = "<a style='display: inline-block; padding: 5px; margin: 5px;' href='#'>上一頁</a>"
s = "<li class='disabled'><a href='#'>上一頁</a></li>"
else:
# s = "<li><a style='display: inline-block; padding: 5px; margin: 5px;' href='/custom/?cur_page=%s'>上一頁</a>" %(self.cur_page - 1)
s = "<li><a href='/custom/?cur_page=%s'>上一頁</a></li>" %(self.cur_page - 1)
sli.append(s)
for num in range(begin, stop):
if num == self.cur_page:
# s = "<a style='display: inline-block; padding: 5px; margin: 5px;background-color: red' href='/custom/?cur_page=%s'>%s</a>" %(num, num)
s = "<li class='active'><a href='/custom/?cur_page=%s'>%s</a></li>" %(num, num)
else:
# s = "<a style='display: inline-block; padding: 5px; margin: 5px;' href='/custom/?cur_page=%s'>%s</a>" %(num, num)
s = "<li><a href='/custom/?cur_page=%s'>%s</a></li>" %(num, num)
sli.append(s)
if self.cur_page == self.total_page:
# s = "<a style='display: inline-block; padding: 5px; margin: 5px;' href='#'>下一頁</a>"
s = "<li class='disabled'><a href='#'>下一頁</a></li>"
else:
# s = "<a style='display: inline-block; padding: 5px; margin: 5px;' href='/custom/?cur_page=%s'>下一頁</a>" % (self.cur_page + 1)
s = "<li><a href='/custom/?cur_page=%s'>下一頁</a></li>" % (self.cur_page + 1)
sli.append(s)
page_str = " ".join(sli)
return page_str
### 自定制分頁
def custom(request):
cur_page = request.GET.get('cur_page') ## 字符串類型
total = models.UserInfo.objects.count() # 301
pageinfo = PageInfo(cur_page, total)
# cur_page start stop
# 1 0 10
# 2 10 20
# 3 20 30
# n (n-1)*per_page n * per_page
start = pageinfo.get_start()
stop = pageinfo.get_stop()
user_list = models.UserInfo.objects.all()[start:stop]
return render(request, "custom.html",{"user_list":user_list, "pageinfo":pageinfo})
xxx.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<ul>
{% for user in user_list %}
<li>{{ user.name }}</li>
{% endfor %}
</ul>
<nav aria-label="Page navigation">
<ul class="pagination">
{{ pageinfo.page | safe }}
</ul>
</nav>
</body>
</html>
json/views.py
class Pagination(object):
def __init__(self, current_page, all_count, per_page_num=2, pager_count=11):
"""
封裝分頁相關數據
:param current_page: 當前頁
:param all_count: 數據庫中的數據總條數
:param per_page_num: 每頁顯示的數據條數
:param pager_count: 最多顯示的頁碼個數
用法:
queryset = model.objects.all()
page_obj = Pagination(current_page,all_count)
page_data = queryset[page_obj.start:page_obj.end]
獲取數據用page_data而不再使用原始的queryset
獲取前端分頁樣式用page_obj.page_html
"""
try:
current_page = int(current_page)
except Exception as e:
current_page = 1
if current_page < 1:
current_page = 1
self.current_page = current_page
self.all_count = all_count
self.per_page_num = per_page_num
# 總頁碼
all_pager, tmp = divmod(all_count, per_page_num)
if tmp:
all_pager += 1
self.all_pager = all_pager
self.pager_count = pager_count
self.pager_count_half = int((pager_count - 1) / 2)
@property
def start(self):
return (self.current_page - 1) * self.per_page_num
@property
def end(self):
return self.current_page * self.per_page_num
def page_html(self):
# 如果總頁碼 < 11個：
if self.all_pager <= self.pager_count:
pager_start = 1
pager_end = self.all_pager + 1
# 總頁碼 > 11
else:
# 當前頁如果<=頁面上最多顯示11/2個頁碼
if self.current_page <= self.pager_count_half:
pager_start = 1
pager_end = self.pager_count + 1
# 當前頁大於5
else:
# 頁碼翻到最后
if (self.current_page + self.pager_count_half) > self.all_pager:
pager_end = self.all_pager + 1
pager_start = self.all_pager - self.pager_count + 1
else:
pager_start = self.current_page - self.pager_count_half
pager_end = self.current_page + self.pager_count_half + 1
page_html_list = []
# 添加前面的nav和ul標簽
page_html_list.append('''
<nav aria-label='Page navigation>'
<ul class='pagination'>
''')
first_page = '<li><a href="?page=%s">首頁</a></li>' % (1)
page_html_list.append(first_page)
if self.current_page <= 1:
prev_page = '<li class="disabled"><a href="#">上一頁</a></li>'
else:
prev_page = '<li><a href="?page=%s">上一頁</a></li>' % (self.current_page - 1,)
page_html_list.append(prev_page)
for i in range(pager_start, pager_end):
if i == self.current_page:
temp = '<li class="active"><a href="?page=%s">%s</a></li>' % (i, i,)
else:
temp = '<li><a href="?page=%s">%s</a></li>' % (i, i,)
page_html_list.append(temp)
if self.current_page >= self.all_pager:
next_page = '<li class="disabled"><a href="#">下一頁</a></li>'
else:
next_page = '<li><a href="?page=%s">下一頁</a></li>' % (self.current_page + 1,)
page_html_list.append(next_page)
last_page = '<li><a href="?page=%s">尾頁</a></li>' % (self.all_pager,)
page_html_list.append(last_page)
# 尾部添加標簽
page_html_list.append('''
</nav>
</ul>
''')
return ''.join(page_html_list)
def booklist(request):
book_list = models.Book2.objects.all()
all_count = book_list.count()
current_page = request.GET.get('page',1)
page_obj = my_page.Pagination(current_page=current_page,all_count=all_count)
page_queryset = book_list[page_obj.start:page_obj.end]
return render(request,'booklist.html',locals())
json/.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<table class="table table-hover table-bordered table-striped">
<thead>
<tr>
<th>id</th>
<th>name</th>
</tr>
</thead>
<tbody>
{% for book in page_queryset %}
<tr>
<td>{{ book.pk }}</td>
<td>{{ book.name }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{{ page_obj.page_html|safe }}
</div>
</div>
</div>
</body>
</html>