Django-10-分页组件
1. Django内置分页
from django.shortcuts import render
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger L = []
for i in range(1, 999):
L.append(i) # Create your views here.
def index(request):
current_page = request.GET.get('p')
# paginator对象
paginator = Paginator(L, 10) # 10表示每页显示10条
# per_page: 每页显示条目数量
# count: 数据总个数
# num_pages:总页数
# page_range:总页数的索引范围，如: (1,10),(1,200)
# page: page对象
try:
# page对象
posts = paginator.page(current_page)
# has_next 是否有下一页
# next_page_number 下一页页码
# has_previous 是否有上一页
# previous_page_number 上一页页码
# object_list 分页之后的数据列表
# number 当前页
# paginator paginator对象
except PageNotAnInteger:
posts = paginator.page(1)
except EmptyPage:
posts = paginator.page(paginator.num_pages)
return render(request, 'index.html', locals())
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
{% for item in posts.object_list %}
<li>{{ item }}</li>
{% endfor %}
</ul>
{% if posts.has_previous %}
<a href="/index.html?p={{ posts.previous_page_number }}">上一页</a>
{% else %}
<a href="#">上一页</a>
{% endif %}
{% if posts.has_next %}
<a href="/index.html?p={{ posts.next_page_number }}">下一页</a>
{% else %}
<a href="#">下一页</a>
{% endif %}
<span>{{ posts.number }}/{{ posts.paginator.num_pages }}</span>
</body>
</html>
2. Django内置分页扩展
class CustomPaginator(Paginator):
def __init__(self, current_page=1, max_page_num=7, *args, **kwargs):
super(CustomPaginator, self).__init__(*args, **kwargs)
self.current_page = int(current_page)
self.max_page_num = max_page_num def page_num_range(self):
# 总页数过少
if self.num_pages < self.max_page_num:
return range(1, self.num_pages + 1)
part = self.max_page_num // 2
if self.current_page - part < 1:
return range(1, self.max_page_num + 1)
if self.current_page + part > self.num_pages:
return range(self.num_pages + 1 - self.max_page_num, self.num_pages + 1)
return range(self.current_page - part, self.current_page + part + 1) def index2(request):
current_page = request.GET.get('p')
try:
# paginator对象
paginator = CustomPaginator(current_page, 11, L, 10) # 10表示每页显示10条
# per_page: 每页显示条目数量
# count: 数据总个数
# num_pages:总页数
# page_range:总页数的索引范围，如: (1,10),(1,200)
# page: page对象
except Exception:
paginator = CustomPaginator(1, 11, L, 10)
try:
# page对象
posts = paginator.page(current_page)
# has_next 是否有下一页
# next_page_number 下一页页码
# has_previous 是否有上一页
# previous_page_number 上一页页码
# object_list 分页之后的数据列表
# number 当前页
# paginator paginator对象
except PageNotAnInteger:
posts = paginator.page(1)
except EmptyPage:
posts = paginator.page(paginator.num_pages)
return render(request, 'index2.html', {'posts': posts})
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
{% for item in posts.object_list %}
<li>{{ item }}</li>
{% endfor %}
</ul>
{% if posts.has_previous %}
<a href="/index2.html?p={{ posts.previous_page_number }}">上一页</a>
{% else %}
<a href="#">上一页</a>
{% endif %}
{% for i in posts.paginator.page_num_range %}
<a href="/index2.html?p={{ i }}">{{ i }}</a>
{% endfor %}
{% if posts.has_next %}
<a href="/index2.html?p={{ posts.next_page_number }}">下一页</a>
{% else %}
<a href="#">下一页</a>
{% endif %}
<span>{{ posts.number }}/{{ posts.paginator.num_pages }}</span>
</body>
</html>
3. 自定义分页
class Paginator(object):
def __init__(self, total_count, current_page, per_page_item_num=10, max_page_num=7):
# 数据总个数
self.total_count = total_count
# 当前页
try:
v = int(current_page)
if v <= 0:
v = 1
self.current_page = v
except Exception:
self.current_page = 1
# 每页显示的行数
self.per_page_item_num = per_page_item_num
# 最多显示页面
self.max_page_num = max_page_num def start(self):
return (self.current_page - 1) * self.per_page_item_num def end(self):
return self.current_page * self.per_page_item_num @property
def num_pages(self):
"""
总页数
:return:
"""
# 666
# 10
a, b = divmod(self.total_count, self.per_page_item_num)
if b == 0:
return a
return a + 1 def page_num_range(self):
if self.num_pages < self.max_page_num:
return range(1, self.num_pages + 1)
part = self.max_page_num // 2
if self.current_page - part < 1:
return range(1, self.max_page_num + 1)
if self.current_page + part > self.num_pages:
return range(self.num_pages + 1 - self.max_page_num, self.num_pages + 1)
return range(self.current_page - part, self.current_page + part + 1) def page_str(self):
page_list = [] first = "<li><a href='/index3.html?p=1'>首页</a></li>"
page_list.append(first) if self.current_page == 1:
prev = "<li><a href='#'>上一页</a></li>"
else:
prev = "<li><a href='/index3.html?p=%s'>上一页</a></li>" % (self.current_page - 1,)
page_list.append(prev)
for i in self.page_num_range():
if i == self.current_page:
temp = "<li class='active'><a href='/index3.html?p=%s'>%s</a></li>" % (i, i)
else:
temp = "<li><a href='/index3.html?p=%s'>%s</a></li>" % (i, i)
page_list.append(temp) if self.current_page == self.num_pages:
nex = "<li><a href='#'>下一页</a></li>"
else:
nex = "<li><a href='/index3.html?p=%s'>下一页</a></li>" % (self.current_page + 1,)
page_list.append(nex) last = "<li><a href='/index3.html?p=%s'>尾页</a></li>" % (self.num_pages,)
page_list.append(last) return ''.join(page_list)
def index3(request):
from app01.pager import Paginator
current_page = request.GET.get('p')
page_obj = Paginator(666, current_page)
data = L[page_obj.start():page_obj.end()]
return render(request, 'index3.html', locals())
<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="{% static 'plugin/bootstrap/css/bootstrap.css' %}">
</head>
<body>
<ul>
{% for row in data %}
<li>{{ row }}</li>
{% endfor %}
</ul> <ul class="pagination pagination-sm">
{{ page_obj.page_str|safe }}
</ul>
<div style="height: 300px;"></div>
</body>
</html>
Django-10-分页组件的更多相关文章
- Django----列表分页（使用Django的分页组件）
目的:是为了实现列表分页 1.定制URL http://127.0.0.1:8000/blog/get_article?page=3之前定制URL是在url后增加了/id,这次使用参数的方式 def ...
- python框架之Django(10)-Form组件
介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来.与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否输入,输入 ...
- Django之路——10 django的分页组件
Django的分页器(paginator) view from django.shortcuts import render,HttpResponse # Create your views here ...
- django 分页组件
一.仿django分页功能自己实现 urls.py 1 2 3 4 5 6 7 8 9 from django.conf.urls import url from django.contrib i ...
- 10 star组件之分页， search模糊查询， action批量处理
1.分页组件高阶 1.分页的class形式(有bug,请看下面的) """ 自定义分页组件 """ class Pagination(obj ...
- Django框架（十四）—— Django分页组件
目录 Django分页组件 一.分页器 二.分页器的使用 三.案例 1.模板层 2.视图层 Django分页组件 一.分页器 数据量大的话,可以分页获取,查看 例如:图书管理中,如果有成千上万本书,要 ...
- 比Django官方实现更好的分页组件+Bootstrap整合
前言 Django全家桶自带的分页组件只能说能满足分页这个功能,但是没那么好用就是了 Django的分页效果 django-pure-pagination分页效果 使用方法 首先安装: pip ins ...
- Django 分页组件替换自定义分页
Django的分页器(paginator) 总之不太好用我们还是用自己的好一些 自定义分页器 分页实现源码 """ 自定义分页组件 """ ...
- Django的rest_framework的分页组件源码分析
前言: 分页大家应该都很清楚,今天我来给大家做一下Django的rest_framework的分页组件的分析:我的讲解的思路是这样的,分别使用APIview的视图类和基于ModelViewSet的视图 ...
- Django框架---- 自定义分页组件
分页的实现与使用 class Pagination(object): """ 自定义分页 """ def __init__(self,cur ...
随机推荐
- 在windbg调试会话中查找.NET版本
如何在调试会话中找到调试对象中使用的.NET运行时版本?以自动/脚本方式,不使用调试器扩展或符号? 答案: !for_each_module .if ( ($sicmp( "@#Module ...
- Hibernate的事务
1.数据库的封锁(https://www.cnblogs.com/zhai1997/p/11710082.html): 封锁是实现并发控制的重要技术. read uncommitted : 读取尚未提 ...
- luogu_1155: 双栈排序
洛谷1155:双栈排序 题意描述: 给定一个长度为\(n\)的序列\((n\leq 1000)\),两个初始为空的栈,问是否能借助以下四种操作将序列排为升序. \(1:\)如果序列不为空,将第一个元素 ...
- python url码转换 chr()码
爬虫生成带搜索词语的网址 1.字符串转为url编码 import urllib poet_name = "李白" url_code_name = urllib.quote(poet ...
- Guava Cache 缓存实现与源码分析
目录 一.概述 1.内存缓存 2.核心数据结构 二.具体实现 0.一览众山小 1.CacheBuilder 构建器 2.LocalCache 一.概述 1.内存缓存 可看作一个jdk7的concurr ...
- 第08组 Beta冲刺（4/4）
队名 八组评分了吗 组长博客链接(5分) ( https://www.cnblogs.com/leemelon/p/12040924.html ) 作业博客 [作业链接] (https://edu.c ...
- MySQL索引原理（一）
MySQL索引原理 索引目的 索引的目的在于提高查询效率,可以类比字典,如果要查“mysql”这个单词,我们肯定需要定位到m字母,然后从下往下找到y字母,再找到剩下的sql.如果没有索引,那么你可能需 ...
- Tensorflows安装（cpu版最简安装方法）
一.说明 首先声明,本人系统是Windows10 64位,Win7未试. 本文旨在帮助园友以更简单的方式安装Tensorflow,下面介绍的是如何安装Python的Tensorflow cpu版本. ...
- Token 安全登陆防止窃取
HTTP 协议是无状态的 在web中使用cookie+session的技术来保持用户登陆的状态 移动端使用token来保持用户登陆状态由于token在网络中传输,很容易被 中间人获取,进而模拟用户进行 ...
- Vue 与 动态组件 import 的尝试
<template> <component :is='fuck' :data='data'></component> </template> <s ...