设置后的效果如下：

  • 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. Log4net 自定义字段 写入Oracle 使用ODP.NET Managed驱动

    一.环境说明: 开发工具:vs2010   ,数据库:oracle 11g ,版本:log4net的目前最新版本1.2.13.0    :  Oracle.ManagedDataAccess.dll ...

  2. phpcms发布到服务器修改

    请进行以下步骤的修改: 1.修改/caches/configs/system.php里面所有和域名有关的,把以前的老域名修改为新域名就可以了. 2.进行后台设置->站点管理 对相应的站点的域名进 ...

  3. MySQL 温故知心(三)

    MySQL锁概述 相对其他数据库而言,MySQL的锁机制比较简单,其最显著的特点是不同的存储引擎支持不同的锁机制.比如,MyISAM和MEMORY存储引擎采用的是表级锁(table-level loc ...

  4. Codeforces Round #412 (rated, Div. 2, base on VK Cup 2017 Round 3) D - Dynamic Problem Scoring

    地址:http://codeforces.com/contest/807/problem/D 题目: D. Dynamic Problem Scoring time limit per test 2 ...

  5. hdu 1569 &1565 (二分图带权最大独立集 - 最小割应用)

    要选出一些点,这些点之间没有相邻边且要求权值之和最大,求这个权值 分析:二分图带权最大独立集. 用最大流最小割定理求解.其建图思路是:将所有格点编号,奇数视作X部,偶数视作Y部,建立源点S和汇点T, ...

  6. cocosBuider 控件命名的坑

    这几天遇到了各种坑.... 各种控件名字问题.... bool CLevelLayer::onAssignCCBMemberVariable(cocos2d::CCObject * pTarget, ...

  7. Java GC 标记/清除算法

    1) 标记/清除算法是怎么来的? 我们在程序运行期间如果想进行垃圾回收,就必须让GC线程与程序当中的线程互相配合,才能在不影响程序运行的前提下,顺利的将垃圾进行回收. 为了达到这个目的,标记/清除算法 ...

  8. FFmpeg 入门(2)：输出视频到屏幕

    本文转自:FFmpeg 入门(2):输出视频到屏幕 | www.samirchen.com SDL 我们这里使用 SDL 来渲染视频到屏幕.SDL 是 Simple Direct Layer 的缩写, ...

  9. LINUX SHELL 笔记 01： 脚本

    root@iZwz:~/labs# vim myfirst root@iZwz:~/labs# cat myfirst #!/bin/bash clear echo "this is my ...

  10. 从页面到服务器，node实现文件下载

    起因: 新来了一个需求,让用户下载一个200m的zip文件,并且校验用户信息,难点:下载的文件是200M的. 现在维护的系统,以前的文件下载,走的是node的静态文件,用的express框架上自带的静 ...