设置后的效果如下：

  • Django 给我们提供了分页的功能：`Paginator`和`Page`类都是用来做分页的。他们在Django中的路径为：`from django.core.paginator import Page, Paginator`
  • 先简单解释一下他们的属性和方法：
  • # Paginator常用属性和方法
    
1. `count`： 总共有多少条数据。
    
2. `num_pages`： 总共有多少页。
    
3. `page_range`：页面的区间。比如有三页，那么就是`range(1,4)`。

# Page常用属性和方法：
    
1. `has_next`: 是否还有下一页。
    
2. `has_previous`: 是否还有上一页。
    
3. `next_page_number`: 下一页的页码。
    
4. `previous_page_number`: 上一页的页码。
    
5. `number`: 当前页。
    
6. `start_index`: 当前页的第一条数据的索引值。
    
7. `end_index`: 当前页的最后一条数据的索引值。

    　　

  • article_list.html，这里我使用了bootscrip的组件样式：
  • <!DOCTYPE html>
    
<html lang="en">
    
<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 article in articles %}
    
            <li>{{ article.title }}</li>
    
        {% endfor %}
    
    </ul>

    <nav aria-label="Page navigation">
    
      <ul class="pagination">
    
        {% if page_obj.has_previous %}
    
            <li><a href="{% url 'front:article_list' %}?page={{ 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 'front:article_list' %}?page=1">1</a></li>
    
            <li><a href="javascript:void(0);">...</a></li>
    
        {% endif %}

        {# 左边的页码 #}
    
        {% for left_page in left_pages %}
    
            <li><a href="{% url 'front:article_list' %}?page={{ left_page }}">{{ left_page }}</a></li>
    
        {% endfor %}

        {# 中间的页码 #}
    
        <li><a href="{% url 'front:article_list' %}?page={{ current_page }}">{{ current_page }}</a></li>
    
        {# 右边的页码 #}
    
        {% for right_page in right_pages %}
    
            <li><a href="{% url 'front:article_list' %}?page={{ right_page }}">{{ right_page }}</a></li>
    
        {% endfor %}

        {% if right_has_more %}
    
            <li><a href="javascript:void(0);">...</a></li>
    
            <li><a href="{% url 'front:article_list' %}?page={{ paginator.num_pages }}">{{ paginator.num_pages }}</a></li>
    
        {% endif %}

      {% if page_obj.has_next %}
    
            <li><a href="{% url 'front:article_list' %}?page={{ page_obj.next_page_number }}">下一页</a></li>
    
        {% else %}
    
            <li class="disabled"><a href="javascript:void(0);">下一页</a></li>
    
        {% endif %}
    
      </ul>
    
    </nav>
    
</body>
    
</html>

    　　原理基本上是将页码分成三部分，第一部分是上一页和第一页，第二部分是当前所在页前两页和后两页（共计五页），第三部分是下一页和最后一页。

  • 视图函数：views.py
  • class ArticleListView(ListView):
    
    model = Article
    
    template_name = 'article_list.html'
    
    context_object_name = 'articles'
    
    paginate_by = 10
    
    ordering = 'create_time'

    def get_context_data(self,  **kwargs):
    
        context = super(ArticleListView, self).get_context_data(**kwargs)

        paginator_data = self.get_pagination_data(paginator, page_obj)
    
        context.update(paginator_data) # 将当前字典的kv更新到context字典中。
    
        return context
    
　　
    # 这里来负责跳转的页码处理
    
    def get_pagination_data(self, paginator, page_obj, around_count=2): # arount_count=2表示从当前页前推两页，后推两页
    
        current_page = page_obj.number
    
        num_page = paginator.num_pages

        left_has_more = False # 左边还有没有未显示的页码
    
        right_has_more = False
    
　　　　　# 判断当前页是不是比4小，比如当前页是第二页，他就不能存在 0.1.2.3.4这种情况。
    
        if current_page <= around_count + 2:
    
            left_page = range(1, current_page)
    
        else:
    
            left_has_more = True
    
            left_page = range(current_page-around_count, current_page)
    
        if current_page >= num_page-around_count-1:
    
            right_page = range(current_page+1, num_page+1)
    
        else:
    
            right_has_more = True
    
            right_page = range(current_page+1, current_page+3)
    
        return {
    
            'left_pages': left_page,
    
            'right_pages': right_page,
    
            'current_page': current_page,
    
            'left_has_more': left_has_more,
    
            'right_has_more': right_has_more,
    
        }

    　　这里定义了一个ArticleListView类，此类继承自ListView，用来处理请求等问题。

  • front.urls.py，处理url跳转
  • from django.urls import path
    
from . import views

app_name = 'front'
    
urlpatterns = [
    
    path('add/', views.add_article, name='add'),
    
    path('list/', views.ArticleListView.as_view(), name='article_list')
    
]

    　　这里我把这次的跳转放到了front app中，可以直接放到项目的urls.py中。

  • 基本上就是这样，如果看不懂可以看一下我的整个项目，写的很乱，很多高级视图学习的时候的练习代码都堆在这里：https://github.com/longbigbeard/Python_Web/tree/master/Django%E7%BB%83%E4%B9%A0/views_gaoji
  • 以上。

Django 中设置分页页码，只显示当前页以及左右两页的更多相关文章

  1. VS编译器中设置 输出窗口 只显示error，不显示warning 要如何配置

    VS编译器中设置 输出窗口 只显示error,不显示warning 要如何配置 在编译大型项目的时候,总是VS编译器的输出窗口总是会出现一堆warning警告,要想在里面找到error错误,要使用鼠标 ...

  2. easyUI的分页，只显示第X 共Y页。改为显示 第X 页 共Y页

    如下图,easyUI的分页,只显示第X 共Y页. 需求需要显示 第X 页 共Y页. 解决办法:在easyui-lang-zh_CN.js更改以下代码,即可.也就是在 “共{pages}页”前面加个 “ ...

  3. img只显示图片一部分 或 css设置背景图片只显示图片指定区域

    17:14 2016/3/22img只显示图片一部分 或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片左 ...

  4. django中设置定时任务

    django中设置定时任务 在django中设置定时任务我们可以借用django-crontab这个第三包来实现 django-crontab只能在linux系统下使用 安装: pip install ...

  5. django中的分页设置

    1.在控制台中的展示 from django.core.paginator import Paginator iter = 'abcdefghijklmn' inator = Paginator(it ...

  6. Django中的分页，cookies与session

    cookie Cookie的由来 大家都知道HTTP协议是无状态的. 无状态的意思是每次请求都是独立的,它的执行情况和结果与前面的请求和之后的请求都无直接关系,它不会受前面的请求响应情况直接影响,也不 ...

  7. django中的分页管理

    有时,展示的对象太多,需要对他们进行分页展示,不能一页把所有的结果都展示出来吧,那样的话,哈哈,挺逗 使用Django分页器功能 从Django中导入Paginator模块(没有的话,自行下载,我是w ...

  8. Django中的分页操作、form校验工具

    批量插入数据 后端: def fenye(request): book_list=[] for i in range(100): book_list.append(models.Book(title= ...

  9. 如何让html中的td文字只显示部分

    以下笔记有待测试 ———————————————————— <table style="table-layout:fixed"> <tr> <td s ...

随机推荐

  1. JavaScript:学习笔记(8)——对象扩展运算符

    JavaScript:学习笔记(8)——扩展运算符 对象的扩展运算符 扩展运算符是三个点(...).用于取出参数对象的所有可遍历属性,然后拷贝到当前对象之中. 如上图所示,新建了一个对象a,然后通过扩 ...

  2. Silly Java-Final 关键字

    Final 关键字 adj. 最终的:最后的:决定性的:不可改变的 1.修饰变量 final variable 意味 [最后的变量,不可改变的变量即常量] Java中该关键字即代表常量 修饰基本类型的 ...

  3. linux上使用wget下载文件

    首次安装的centos操作系统是没有安装wget的,所以首先需要先安装wget,然后才能使用wget下载文件. 1.第一步,保证centos能正常连网.使用命令  :yum -y install wg ...

  4. bind函数的作用

    面向连接的网络应用程序分为客户端和服务器端.服务器端的执行流程一般为4步,客户端程序相对简单,一般需要两个步骤. 服务器端执行流程4步如下: (1)调用socket函数,建立一个套接字,该套接字用于接 ...

  5. C++——创建类的时候用new与不用new 的区别

    转自:https://www.cnblogs.com/tony-li/p/4111588.html C++在创建对象的时候可以采用两种方式:(例如类名为Test) Test test  或者 Test ...

  6. centos6.9 升级glibc（升级到 2.17版）

    原系统centos6.9自带GLIBC_2.12,安装一些软体提示版本不对,决定升级. wget http://ftp.gnu.org/gnu/glibc/glibc-2.17.tar.gz tar ...

  7. SpringMvc接受特殊符号参数被转义

    WEB开发时,在前端通过get / post 方法传递参数的时候  如果实参附带特殊符号,后端接收到的值中特殊符号就会被转义 例如该请求: http://localhost:10001/demo/in ...

  8. Java-Minor GC、Major GC、Full GC

    Minor GC: 回收年轻代(Young)空间,包括Eden区.Survivor区. JVM无法为一个新对象分配空间时,比如eden区满了,就会触发Minor GC. Major GC: 清理永久代 ...

  9. chrome中，BackstopJS 使用cookie文件后依旧提示需要登录

    1. 本地环境: apache-tomcat:7.05,jdk8, backstopJS:latest-version 配置tomcat管理用户成功:手工访问tomcat应用内部服务正常: 2.  问 ...

  10. db2 函数、存储过程示例

    1.函数 --drop function getMaxDate; create FUNCTION getMaxDate (y int, m int ) returns date begin DECLA ...