前台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. 简单DP入门四连发

    复习一下一直不太懂的dp. dp博大精深,路还长着呢 第一题;http://acm.hdu.edu.cn/showproblem.php?pid=2084 从下往上就是水题 #include<c ...

  2. [转载]RPM中SPEC常用路径以及宏变量

    转自:http://blog.csdn.net/txgc1009/article/details/6833764 通过命令rpm --showrc查看实现代码.另外直接通过 rpm --eval &q ...

  3. git的命令详解

    # git三个区 + 工作区: 写代码的地方 + 暂存区: 暂时存储代码 + 仓库区: 代码提交到了仓库区,就生成一条历史记录(版本) 工作区===> 暂存区 ===> 仓库区 # git ...

  4. java 多态的深入理解

    简单来说 : 多态 能够很好的解决代码耦合性的问题 考虑这样一个场景 有个人 买了辆捷达汽车 .这个系统应该如何设计呢? public class JettaCar { public void run ...

  5. Redis (非关系型数据库) 数据类型 之 String类型

    Redis 一个内存数据库,通过 Key-Value 键值对的的方式存储数据.由于 Redis 的数据都存储在内存中,所以访问速度非常快,因此 Redis 大量用于缓存系统,存储热点数据,可以极大的提 ...

  6. 【Linux】zlib安装

    zlib简介 zlib是提供数据压缩用的函式库,由Jean-loup Gailly与Mark Adler所开发,初版0.9版在1995年5月1日发表.zlib使用DEFLATE算法,最初是为libpn ...

  7. [cmd]如何设置 Windows 默认命令行窗口大小和缓冲区大小

    Windows 命令行 cmd 窗口系统默认的大小(80*40)对于现在的屏幕配置已经跟不上时代了,我们总是要把它改大些,而且缓冲区大小也想改得大大的.单纯的为当前的 Windows 命令行窗口修改显 ...

  8. shell 报错 /bin/bash^M: bad interpreter: No such file or directory

    shell 执行报错: ./test.sh: /bin/bash^M: bad interpreter: No such file or directory 原因:window和linux 的文件格式 ...

  9. tomat修改启动路径

    https://blog.csdn.net/axela30w/article/details/76546735

  10. react父转子

    父组件使用子组件,子组件绑定父组件数据 ,子组件用props使用父组件数据 import React, { Component } from 'react'; import logo from './ ...