效果演示：

github地址：https://github.com/mncu/django_projects/tree/master/django_projects/pagination_test

本例中总页数为30页，显示页数为12页，当前页的前排页数为4，后排页数为5

将分页分为三种情况：

　　1   当前页为第1页到第7页的时候，无省略页，且12个位置的内容是不变

　　2  当前页为第8页到第25页时，位置1与位置2内容不变，当前页一直处于位置7,

　　3  当前页为第25页到第30页时，位置1与位置2内容不变，位置8到位置12的内容不变，当前页在位置8到位置12之中变换

自定义标签代码：

from django import template

register = template.Library()

@register.assignment_tag

def pagination(current_page,paginator,num_of_displaypages=10,num_of_backpages=4):

    #  current_page is a django.core.paginator.Page 's instance

    #  paginator is a django.core.paginator.Paginator 's instance

    #

    num_of_frontpages = num_of_displaypages - num_of_backpages -3

    html=''

    #  当总页数小于等于 显示页数 时，则将总页数全部显示

    if paginator.num_pages <= num_of_displaypages :

        for i in range(1,paginator.num_pages+1):

            html+= '<li ><a href="?page=%s">%s </a></li>'%(i,i)

        return html

    #  第一种情况

    elif current_page.number <= num_of_displaypages-num_of_backpages:

        for i in range(1,num_of_displaypages+1):

            html+= '<li ><a href="?page=%s">%s </a></li>'%(i,i)

        return html

    #  第二种情况

    elif num_of_displaypages-num_of_frontpages <= current_page.number <= paginator.num_pages-num_of_backpages :

        html = '''

            <li><a href="?page=1">1</a></la>

            <li class="disabled"><a href="?page=1">...</a></la>

        '''

        for i in range(current_page.number-num_of_frontpages,current_page.number+num_of_backpages+1):

            html+='<li><a href="?page=%s">%s</a></la>'%(i,i)

        return html

    #  第三种情况

    else:

        html = '''

            <li><a href="?page=1">1</a></la>

            <li class="disabled"><a href="?page=1">...</a></la>

        '''

        for i in range(paginator.num_pages-num_of_backpages-num_of_frontpages,paginator.num_pages+1):

            html+='<li><a href="?page=%s">%s</a></la>'%(i,i)

        return html

来看html代码

{% load mytags %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <!-- 新 Bootstrap 核心 CSS 文件 -->

    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->

    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

</head>

<body>

{{ current_page.object_list }}

 <nav>

      <ul class="pagination">

      {% if current_page.has_previous %}

        <li ><a href="?page={{ current_page.previous_page_number }}">上一页 <span class="sr-only">(current)</span></a></li>

      {% endif %}

      {% pagination current_page paginator 12 5 as page_list %}  <!-- 引用自定义标签，并传入参数 -->

      {{ page_list|safe }}  <!--  显示 -->

      {% if current_page.has_next %}

        <li><a href="?page={{ current_page.next_page_number }}">下一页 <span class="sr-only">(current)</span></a></li>

      {% endif %}

      </ul>

 </nav>

<script>

    $(document).ready(function(){

        $('.pagination li a').each(function(){

           if ( $(this).html() == {{ current_page.number }} ){

               $(this).parent().addClass('active')

           }

        });

    })

</script>

</body>

</html>

看看view函数：

from django.shortcuts import render

from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

# Create your views here.

def index(request):

    obj_list = ['page01','page02','page03','page04','page05','page06','page07','page08','page09','page10',

                'page11','page12','page13','page14','page15','page16','page17','page18','page19','page20',

                'page21','page22','page23','page24','page25','page26','page27','page28','page29','page30',]

    #create a paginator instance

    paginator = Paginator(obj_list,1)

    #Get the page_number of current page

    current_page_num = request.GET.get('page')

    try:

        current_page = paginator.page(current_page_num)

    except PageNotAnInteger:

        # If page is not an integer, deliver first page.

        current_page = paginator.page(1)

    except EmptyPage:

        # If page is out of range (e.g. 9999), deliver last page of results.

        current_page = paginator.page(paginator.num_pages)

    return render(request,'index.html',

                  {'current_page': current_page,

                   'paginator': paginator

                  })

在django中使用自定义标签实现分页功能的更多相关文章

  1. 在jsp页面中使用自定义标签

    在某些场景中,自定义标签可封装大量代码,使页面变得更简洁,标签也可以很方便地在不同页面中实现通用而不必去粘贴大量的js代码.现在把最近做的一个自定义标签在这里总结一下.首先总结一下关于自定义标签的一些 ...

  2. Django中的自定义过滤器

    一.为什么要自定义Django中的自定义过滤器:Django中提供了很多内置的过滤器和标签,详见链接django官网,主要有以下几个: autoescape(自动转义)block(模板继承)csrf_ ...

  3. ssm+jsp+自定义标签实现分页，可以通用（前端实现）

    近期做了一些分页方面的开发,大致梳理一下 1 jsp页面上关于分页的代码 <tr> <td colspan="9"> <ule1:pagination ...

  4. javaWeb 在jsp中 使用自定义标签输出访问者IP

    1.java类,使用简单标签,jsp2.0规范, 继承 SimpleTagSupport public class ViewIpSimpleTag extends SimpleTagSupport { ...

  5. ssm+jsp+自定义标签实现分页，可以通用（后端实现）

    从controller到mapper.xml的后端实现 只梳理分页相关代码 1 controller里面相关 ModelAndView mv = new ModelAndView("/lis ...

  6. spring中的自定义标签

    为了给系统提供可配置化支持,一般会用原生态的方式去解析定义好的XML文件,然后转化为配置对象.这种方式对于简单.单一的配置文件,或者是XML配置格式固定的配置文件,比较容易处理.但是对于一些配置非常复 ...

  7. Django模版语言自定义标签-实现前端 关联组合过滤查询

    前端关联 组合过滤查询 实现效果如图: models.py 创建表代码 from django.db import models # Create your models here. class Le ...

  8. Spring源码分析（九）解析默认标签中的自定义标签元素

    摘要:本文结合<Spring源码深度解析>来分析Spring 5.0.6版本的源代码.若有描述错误之处,欢迎指正. 到这里我们已经完成了分析默认标签的解析与提取过程,或许涉及的内容太多,我 ...

  9. [转]Android中attr自定义标签详解

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:wen= ...

随机推荐

  1. HDU 2254

    http://acm.hdu.edu.cn/showproblem.php?pid=2254 矩阵乘法两个经典问题的综合题,还要离散化和处理边界,好题啊好题 题意容易理解错,每一天是独立的,所以根据加 ...

  2. c语言求平面上2个坐标点的直线距离、求俩坐标直线距离作为半径的圆的面积、递归、菲波那次数列、explode

    #include <stdio.h> #include <math.h> #include <string.h> char explode( char * str ...

  3. Day17_集合第三天

    1.HashSet类(掌握) 1.哈希值概念      哈希值:哈希值就是调用对象的hashCode()方法后返回的一个int型数字      哈希桶:简单点理解就是存储相同哈希值对象的一个容器 1. ...

  4. crontab 移动日志-超越昨天的自己系列(12)

    linux上定时执行某些脚本是管理服务器的时候比较常用的场景,比如定时检查进程是否存在,定时启动或关闭进程,定时检查日志删除日志等. 当我打开google百度crontab时长篇大论的一大堆,详细解释 ...

  5. 【转载】基于ANSYS APDL的有裂纹平板问题的断裂力学仿真（PLANE183）

    原文地址:http://blog.sina.com.cn/s/blog_9e19c10b0102vnw7.html 对于一般的强度问题,我们总是用应力来度量其强度的.但是对于有裂纹的,高强度的构件,使 ...

  6. [HNOI2008],[bzoj1008] 越狱（dp+组合数学）

    题目传送门:http://www.lydsy.com/JudgeOnline/problem.php?id=1008 Description 监狱有连续编号为1...N的N个房间,每个房间关押一个犯人 ...

  7. 关于 Graph Convolutional Networks 资料收集

    关于 Graph Convolutional Networks 资料收集 1.  GRAPH CONVOLUTIONAL NETWORKS   ------ THOMAS KIPF, 30 SEPTE ...

  8. TRUNCATE,DORP,DELETE

    TRUNCATE,DORP,DELETE 相同点: truncate和不带where子句的delete, 以及drop都会删除表内的数据 不同点: 1. truncate和 delete只删除数据不删 ...

  9. python---Memcached

    Memcached Memcached 是一个高性能的分布式内存对象缓存系统,用于动态Web应用以减轻数据库负载.它通过在内存中缓存数据和对象来减少读取数据库的次数,从而提高动态.数据库驱动网站的速度 ...

  10. ruby 查询mysql方法

    首先对需要使用的数据库进行封装,便于使用:数据库表封装源码: mysqlapi.rb #业务涉及的数据库的配置ActiveRecord::Base$db1={:adapter => " ...