前台html代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <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 'viewlist' %}?page={{ page_obj.previous_page_number }}">上一页</a></li>

        {% else %}

          <li class="disabled"><a>上一页</a></li>

        {% endif %}

{#         第一页#}

      {% if current_page > 3 %}

        <li><a href="{% url 'viewlist' %}?page=1">1</a></li>

      {% endif %}

{#       左边页码 #}

      {% for left_page in left_pages %}

        {% if left_page > 0 %}

          <li><a href="{% url 'viewlist' %}?page={{ left_page }}">{{ left_page }}</a></li>

        {% endif %}

      {% endfor %}

      <li><a href="javascript:void(0);">...</a></li>

{#       当前页码 #}

      <li class="active"><a href="{% url 'viewlist' %}?page={{ current_page }}">{{ current_page }}</a></li>

{#       右边页码 #}

      {% for right_page in right_pages %}

        {% if right_page <= paginator.num_pages %}

          <li><a href="{% url 'viewlist' %}?page={{ right_page }}">{{ right_page }}</a></li>

        {% endif %}

      {% endfor %}

      <li><a href="javascript:void(0);">...</a></li>

{#         最后一页#}

      {% if current_page < 98 %}

        <li><a href="{% url 'viewlist' %}?page={{ paginator.num_pages }}">{{ paginator.num_pages }}</a></li>

      {% endif %}

        {% if page_obj.has_next %}

          <li><a href="{% url 'viewlist' %}?page={{ page_obj.next_page_number }}">下一页</a></li>

        {% else %}

          <li class="disabled"><a href="javascript:void(0);">下一页</a></li>

        {% endif %}

      </ul>

    </nav>

</body>

</html>

后台view视图

from django.http import HttpResponse

from django.shortcuts import render

from django.views.generic import ListView

from django.views.generic.base import TemplateView

from .models import Article, User, Book

from django.utils.timezone import now, localtime,make_aware

from datetime import datetime

from django.db.models import Count, Avg, F

from django.db.models.manager import Manager

from django.views import View

class Index(View):

    def get(self, request):

        # info_list = []

        # for i in range(1000):

        #     info_list.append(Article(title='title-%s' % i,content='content-%s' % i))

        # Article.objects.bulk_create(info_list)

        return HttpResponse('ok')

class ArticleListView(ListView):

    model = Article

    template_name = 'article_list_view.html'

    paginate_by = 10

    context_object_name = 'articles'

    ordering = 'id'

    page_kwarg = 'page'

    def get_context_data(self, *, object_list=None, **kwargs):

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

        page_obj = context.get('page_obj')

        paginator = context.get('paginator')

        pagination_data = self.get_pagination_data(paginator, page_obj)

        context.update(pagination_data)

        return context

    def get_pagination_data(self,paginator,page_obj,around_count=2):

        current_page = page_obj.number

        left_page = range(current_page-around_count, current_page)

        right_page = range(current_page+1,current_page+around_count+1)

        return {

            'current_page':current_page,

            'left_pages': left_page,

            'right_pages': right_page

        }

URLS内容

from django.contrib import admin

from django.urls import path

from app01 import views

urlpatterns = [

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

    # path('index/<book_id>/', views.Index.as_view(), name='index')

    path('', views.Index.as_view(), name='index'),

    path('viewlist/', views.ArticleListView.as_view(), name='viewlist'),

    # path('viewlist/<int:book_id>', views.ArticleListView.as_view(), name='viewlist'),

]

django创建分页的更多相关文章

  1. 第二十一章 Django的分页与cookie

    第二十一章 Django的分页与cookie 第一课 模板 1.模板的继承 在Template目录下新建模板master.html <!DOCTYPE html> <html lan ...

  2. django之分页,纯python代码

    Django中分页 py文件代码 """ 自定义分页组件 可以返回分页的数据和分页的HTML代码 """ from django.http ...

  3. 用django创建一个项目

    首先你得安装好python和django,然后配置好环境变量,安装python就不说了,从配置环境变量开始 1.配置环境变量 在我的电脑处点击右键,或者打开 控制面板\系统和安全\系统 -> 左 ...

  4. 利用django创建一个投票网站（一）

    这是教程的原始链接:http://django-intro-zh.readthedocs.io/zh_CN/latest/part1/ 创建你的第一个 Django 项目, 第一部分 来跟着实际项目学 ...

  5. django创建项目

    django创建项目 安装django pip install django==1.9 Note: C:\Python34\Scripts\pip.exe 创建项目 django-admin star ...

  6. 用django创建一个简单的sns

    用django创建一个简单的sns 1.首先创建一个工程newsns django-admin.py startproject newsns 在工程目录下新建一个文件夹templates,在该文件夹下 ...

  7. Python Django的分页，Form验证，中间件

    本节内容 Django的分页 Form 中间件 1 Django 分页 1.1 Django自带的分页 1.首先来看下我的测试数据环境 ############ models.py ######### ...

  8. Django----列表分页（使用Django的分页组件）

    目的:是为了实现列表分页 1.定制URL http://127.0.0.1:8000/blog/get_article?page=3之前定制URL是在url后增加了/id,这次使用参数的方式 def ...

  9. django创建工程，用命令

    django创建工程的命令 >>python C:\Python33\Lib\site-packages\django\bin\django-admin.py startproject p ...

随机推荐

  1. BZOJ1001或洛谷4001 [BJOI2006]狼抓兔子

    BZOJ原题链接 洛谷原题链接 显然就是求最小割. 而对于一个平面图有结论,最大流=最小割=对偶图最短路. 所以这题可用最大流或是转换为对偶图求最短路,这里我是用的对偶图. 虽然理论上按上界算,这题\ ...

  2. 说说为什么会有ssl.CertificateError报错

    有一些网站没有获取浏览器的颁发的安全证书 当你在请求这个网站时浏览器会当做不安全网站处理 因此会报ssl.CertificateError 解决办法是 :将默认的证书验证模式修改为不需要验证 代码如下 ...

  3. Linux下使用rsync最快速删除海量文件的方法

    常用的删除命令rm -fr * 就不好用了,因为要等待的时间太长.所以必须要采取一些非常手段.我们可以使用rsync来实现快速删除大量文件. 1.先安装rsync:  yum install rsyn ...

  4. PHP 5.6 开启CURL HTTPS 类型

    前几日要写微信支付接口,微信支付接口CURL地址是HTTPS.本机测试的是OK的,但是服务器缺提示错误--“ Protocol https not supported or disabled in l ...

  5. STL基础3：map

    #include <iostream> #include <map> #include <string> using namespace std; #define ...

  6. CSS-弹性布局-伪类选择器-复杂选择器

    1.定位 1.堆叠顺序 一旦将元素变为已定位元素的话,元素们则有可能出现堆叠的效果. 如何改变堆叠顺序? 属性:z-index 取值:无单位的数字,数字越大越靠上. 注意: 1.父子元素间,z-ind ...

  7. eclipse安装提要

    svn 插件安装http://subclipse.tigris.org/update_1.12.x教程地址http://jingyan.baidu.com/article/f71d60376b4c57 ...

  8. 2018.12.30 洛谷P4238 【模板】多项式求逆

    传送门 多项式求逆模板题. 简单讲讲? 多项式求逆 定义: 对于一个多项式A(x)A(x)A(x),如果存在一个多项式B(x)B(x)B(x),满足B(x)B(x)B(x)的次数小于等于A(x)A(x ...

  9. Jquery中parentsUntil函数调用最容易犯的三个错误

    来自 :http://jquery01.diandian.com/post/2012-01-16/14500044 Jquery中parentsUntil函数调用最容易犯的三个错误 Jquery的pa ...

  10. VC调试小结

    本机调试F5: 开始调试Shift+F5: 停止调试F10: 调试到下一句,这里是单步跟踪 F11: 调试到下一句,跟进函数内部Shift+F11: 从当前函数中跳出F9: 设置(取消)断点Outpu ...