前台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. Java 内存模型、GC原理及算法

    Java 内存模型.GC原理:https://blog.csdn.net/ithomer/article/details/6252552 GC算法:https://www.cnblogs.com/sm ...

  2. linux shell 重定向中的 & 符号

    写一个简单的 demo 示例 #include <stdio.h> int main() { fprintf(stdout, "stdout output\n"); f ...

  3. [Robot Framework] 怎么写动态等待？

    举例:Robot Framwork+WhiteLibrary,等待元素可用或不可用 Wait Until Object Is Enabled Wait Until Object Is Not Enab ...

  4. 【UI测试】－－美观与协调性

  5. 利用PHP脚本辅助MySQL数据库管理2-表主键表索引

    <?php $dbi = new DbMysql; $dbi->dbh = 'mysql://root:mysql@127.0.0.1/coffeetest'; $map = array( ...

  6. Sharing Code Between Silverlight and WPF

    一个很好的列子: http://www.codeproject.com/Articles/254506/XAMLFinance-A-Cross-platform-WPF-Silverlight-WP7 ...

  7. 查看Android应用所需权限(uses-permission)

    http://www.tuicool.com/articles/zq2meq MainActivity如下: package cc.testusespermission; import android ...

  8. AOP 和 前置通知，后置通知

    Spring 1.AOP:中文名称面向切面编程 2.英文名称:(Aspect Oriented Programming) 3.正常程序执行流程都是纵向执行流程 3.1 又叫面向切面编程,在原有纵向执行 ...

  9. 【转】Centos7下Yum安装PHP5.5,5.6,7.0

    默认的版本太低了,手动安装有一些麻烦,想采用Yum安装的可以使用下面的方案: 1.检查当前安装的PHP包 yum list installed | grep php 如果有安装的PHP包,先删除他们 ...

  10. 2018.10.27 loj#6035. 「雅礼集训 2017 Day4」洗衣服（贪心+堆）

    传送门 显然的贪心题啊...考试没调出来10pts滚了妙的一啊 直接分别用堆贪心出洗完第iii件衣服需要的最少时间和晾完第iii件衣服需要的最少时间. 我们设第一个算出来的数组是aaa,第二个是bbb ...