[py]django第三方分页器django-pure-pagination实战

第三方分页模块: django-pure-pagination 是基于django的pagination做的一款更好用的分页器

配置django-pure-pagination模块

安装

pip install django-pure-pagination

添加pure_pagination app

settings.py

INSTALLED_APPS = [

...

    'users',

    'pure_pagination',

]

urls.py

from users import views

urlpatterns = [

    path('', views.index, name="index"),

    path('admin/', admin.site.urls),

]

views.py

from pure_pagination import Paginator, EmptyPage, PageNotAnInteger

def index(request):

    try:

        page = request.GET.get('page', 1)

    except PageNotAnInteger:

        page = 1

    # 要返回的所有数据

    objects = ['john', 'edward', 'josh', 'frank','john', 'edward', 'josh', 'frank','john', 'edward', 'josh', 'frank']

    # 分页器分页后的数据返回,Provide Paginator with the request object for complete querystring generation

    p = Paginator(objects, 5, request=request)

    people = p.page(page)

    return render(request, 'index.html', {"poeple": people})

index.html

{% for p in poeple.object_list %}

    <div>

        First name: {{ p }}

    </div>

{% endfor %}

{# The following renders the pagination html #}

<div id="pagination">

    {{ poeple.render }} {# 渲染页码 #}

</div>

<div id="pagination">

    {{ poeple.render }} {# 渲染页码 #}

</div>

渲染成html为

<div class="pagination">

    <span class="disabled prev">&lsaquo;&lsaquo; previous</span>

        <span class="current page">1</span>

        <a href="?page=2" class="page">2</a>

        <a href="?page=3" class="page">3</a>

    <a href="?page=2" class="next">next &rsaquo;&rsaquo;</a>

</div>

自定义样式1

参考: https://github.com/jamespacileo/django-pure-pagination

{% for p in people.object_list %}

    <div>

        First name: {{ p }}

    </div>

{% endfor %}

{#  这是默认样式 The following renders the pagination html #}

{#<div id="pagination">#}

{#    {{ poeple.render }}#}

{#</div>#}

{##}

{#自定义样式#}

<div class="pagination">

    {#  如果有前一页,显示前一页,如果没有,则啥都不显示 #}

    {% if people.has_previous %}

        <a href="?{{ people.previous_page_number.querystring }}" class="prev">上一页</a>

{#    {% else %}#}

{#        <span class="disabled prev">&lsaquo;&lsaquo; {% trans "previous" %}</span>#}

    {% endif %}

    {# 当前页显示 #}

    {% for page in people.pages %}

        {% if page %}

            {% ifequal page people.number %} {# 如果是当前页,就显示当前页 #}

                <span class="current page">{{ page }}</span>

            {% else %}

                <a href="?{{ page.querystring }}" class="page">{{ page }}</a>

            {% endifequal %}

        {% else %}

            ... {# 如果 #}

        {% endif %}

    {% endfor %}

    {# 下一页的显示逻辑 #}

    {% if people.has_next %}

        <a href="?{{ people.next_page_number.querystring }}" class="next">下一页</a>

    {% endif %}

</div>

自定义样式2

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>自定义样式</title>

    <style>

        .pageturn {

            clear: both;

            height: 30px;

            margin: 50px auto;

            display: table;

            text-align: center;

        }

        .pageturn .pagelist {

            display: table-cell;

            vertical-align: middle;

            overflow: hidden;

        }

        .pageturn li {

            width: 30px;

            height: 30px;

            line-height: 30px;

            margin-left: 10px;

            float: left;

            text-align: center;

        }

        .pageturn li:first-child {

            margin-left: 0;

        }

        .pageturn li:hover a, .pageturn .active a {

            background: #717171;

            color: #fff;

            border-color: #eaeaea;

        }

        .pageturn a {

            border: 1px solid #eaeaea;

            display: block;

            height: 28px;

            color: #6c6c6c;

        }

        .pageturn .long {

            width: 100px;

        }

        .pageturn .none a {

            border: 0;

        }

        .pageright {

            float: right;

            width: auto;

            display: inline;

            clear: none;

            margin-top: 10px;

        }

    </style>

</head>

<body>

{% for p in people.object_list %}

    <div>

        First name: {{ p }}

    </div>

{% endfor %}

<div class="pageturn">

    <ul class="pagelist">

        {% if people.has_previous %}

            <li class="long"><a href="?{{ people.previous_page_number.querystring }}">上一页</a></li>

        {% endif %}

        {% for page in people.pages %}

            {% if page %}

                {% ifequal page people.number %}

                    <li class="active"><a href="?{{ page.querystring }}">{{ page }}</a></li>

                {% else %}

                    <li><a href="?{{ page.querystring }}" class="page">{{ page }}</a></li>

                {% endifequal %}

            {% else %}

                <li class="none"><a href="">...</a></li>

            {% endif %}

        {% endfor %}

        {% if people.has_next %}

            <li class="long"><a href="?{{ people.next_page_number.querystring }}">下一页</a></li>

        {% endif %}

    </ul>

</div>

</body>

</html>

分页url

不会干掉原来的url的参数, 会连同当前url+page=页一同带回,这样给筛选和排序带来了一定的好处.

[py]django第三方分页器django-pure-pagination实战的更多相关文章

【django之分页器】
一.什么是分页功能二.Django的分页器(paginator) 语法: paginator = Paginator(book_list, 8) #8条一页print("count:&qu ...
Django组件——分页器和中间件
分页器 Django内置分页器(paginator) 分页器函数为paginator,里面有几个重要的参数需要我们了解 paginator = Paginator(book_list, 10) #第二 ...
Django框架----分页器（paginator）
Django的分页器(paginator) view.py from django.shortcuts import render,HttpResponse # Create your views h ...
Django - 文件上传、Django组件 - 分页器（paginator）
一.文件上传准备知识 - Content-Type 1.请求头 - Content-Type Content-Type指的是请求体的编码类型,常见的类型共有3种: 1)application/x-ww ...
Django 进阶(分页器&中间件)
分页 Django的分页器(paginator) view from django.shortcuts import render,HttpResponse # Create your views h ...
使用Django实现分页器功能
要使用Django实现分页器,必须从Django中导入Paginator模块 from django.core.paginator import Paginator 假如现在有150条记录要显示,每页 ...
django自定义分页器
一 django 的分页器 1 批量创建数据批量导入数据: Booklist=[] for i in range(100): Booklist.append(Book(title="boo ...
Django组件-分页器
Django的分页器(paginator) view from django.shortcuts import render,HttpResponse # Create your views here ...
django的分页器
Django中分页器的使用 django分页器模块 #分页器 from django.core.paginator import Paginator,EmptyPage,PageNotAnIntege ...

随机推荐

Win8交互UX——键盘交互
设计用户可以通过硬件键盘.屏幕键盘或触摸键盘交互的 Windows 应用商店应用. 本主题介绍键盘交互的设计注意事项.有关实现键盘交互的信息,请参阅响应键盘输入. 键盘交互键盘输入是 Windows ...
【PHP】使用GD库实现图像生成、缩放、logo水印和简单验证码
gd库是php最常用的图片处理库之一(另外一个是imagemagick),可以生成图片.验证码.水印.缩略图等等.要使用gd库首先需要开启gd库扩展, windows系统下需要在php.ini中将ex ...
游戏服务器学习笔记 5———— twisted Perspective Broker 透明代理
实际上这章压根不需要我来说,twisted官网的Doc里面有专门介绍的章节.写的非常详细. http://twistedmatrix.com/documents/current/core/howto/ ...
Esper学习之一：Esper介绍
CEP即Complex Event Process,中文意思就是“复杂事件处理”.听起来好像很复杂,实际上就是基于事件流进行数据处理,把要分析的数据抽象成事件,然后将数据发送到CEP引擎,引擎就会根据 ...
金蝶KIS问题解决汇总
1.帐套结转时,提示t_subsys插入重复键解决: I.删除索引 alter table t_subsys drop constraint pk_subsys II.t_rp_initial表 ...
thinkphp 构建子查询
thinkphp构建子查询sql语句写法从3.0版本开始新增了子查询支持,有两种使用方式: 1.使用select方法当select方法的参数为false的时候,表示不进行查询只是 ...
【咸鱼教程】基于系统时间的计时器DateTimer(不受FPS影响)
教程目录一计时器简介二计时器实现三 Demo下载一计时器简介在手机上跑游戏时,可能由于运动物体过多,导致帧频太低,计时不准确.比如一些倒计时的游戏,可能倒计时30s,变成了35s.比如ipho ...
C# IEqualityComparer 去重
1.去除list里某重复字段值的数据(相当于group by) public class CorrController { //方法 public void DoGet() { List<tes ...
Shell while
while commanddo ...done c=0while [ $c -lt 5 ]do c='expr $c+1' echo $cdone
Spring JPA配置讲解
JPA是Java EE5规范之一,是一个orm规范,由厂商来实现该规范.目前有hibernate,OpenJPA,TopLink和EclipseJPA等实现 Spring提供三种方法集成JPA: 1. ...

[py]django第三方分页器django-pure-pagination实战

配置django-pure-pagination模块

自定义样式1

自定义样式2

分页url

[py]django第三方分页器django-pure-pagination实战的更多相关文章

随机推荐

热门专题