设置后的效果如下：

  • 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. Oblect类之hashCode和equals

    1.hashCode的默认实现.显然是一个本地方法. 2.equals的默认实现.默认equals在比较两个对象时,是看他们是否指向同一个地址的.“==”操作比较的是两个变量的值是否相等,对于引用型变 ...

  2. HDU - 4786 Fibonacci Tree (MST)

    题意:给一张由白边和黑边构成的无向图,求是否存在一个生成树,使白边的数量为一个斐波那契数. 分析:白边权值为1,黑边权值为0.求出该图的最小生成树和最大生成树,若这两个值之间存在斐波那契数,则可以,若 ...

  3. matlab和mathematics最新的FTP地址

    https://dio.obspm.fr/interne/logiciels/matlab/ 分享一个地址,非常好的FTP网站.

  4. Java-线程池专题（什么是线程池，如何使用，为什么要用）

    1.什么是线程池:  java.util.concurrent.Executors提供了一个 java.util.concurrent.Executor接口的实现用于创建线程池 多线程技术主要解决处理 ...

  5. firewall 防火墙相关

    修改配置文件: /etc/sysconfig/network-scripts/ifcfg-ens33 文件 ONBOOT=no 改为yes 然后重启  service network restart ...

  6. JS知识点简单总结

    JS(JavaScript) 是一种解释性语言 是弱/动态 最开始用于表单验证的 JS的五个部分: 1.核心语言定义 2.原生对象和内置对象 5boolean 3.BOM 4.DOM 5.事件处理模型 ...

  7. 找不到resources下的文件

    今天发现一个很坑的问题,浪费了很长的时间排查问题,特此记录下.目录结构如下图所示: 结果加载文件的时候,一直报错: 找不到resource文件夹下的 conf/mybatis/logDb/ 路径下的文 ...

  8. python3.6连接mysql或者mariadb

    python3.6版本的安装查看上一篇文章 mysql或mariadb数据库的安装查看以前的文章,这里不再赘述 首先在mariadb数据库中创建相应的库和表: MariaDB [(none)]> ...

  9. hello　java　！

    我对于计算机性编程性质的课程一直没有很好的悟性,但功夫不服有心,最近自己学习视频课程,随时关注娄老师的博客,慢慢的对于java编程有了新的认识,也用eclipse软件进行了简单java的编译. 了解的 ...

  10. android ramdisk

    android ramdisk 1.android文件系统的结构android源码编译后得到system.img,ramdisk.img,userdata.img映像文件.其中, ramdisk.im ...