前台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. 201621123008 《Java程序设计》第十周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常相关内容. 2. 书面作业 本次PTA作业题集异常 1. 常用异常 结合题集题目7-1回答 1.1 自己以前编写的代码中经常出现 ...

  2. MySQL学习笔记-MySQL数据库优化实践[转]

    最近一段时间,我们整理了一些关于Percona,Linux,Flashcache,硬件设备的优化经验,分享给大家: 硬件 1.开启BBWC RAID卡都有写cache(Battery Backed W ...

  3. 来看看N多设计师笔下的Spider Man

    很多电影在大获成功后,其中的人物都成了火热的IP,漫威的各类超级英雄就是个很好的例子,今天突发奇想看看各种漫画人物在插画师手中同一人物会有什么样的不同,所以以蜘蛛侠为主题,搜集了很多插画师笔下的蜘蛛侠 ...

  4. 美食类Web原型制作分享-Taste

    Taste是国外知名的美食类网站,为人们提供丰富的美食菜单,帮助人们更好的享受美食带来的快乐.网站采用图文结合的排版方式,有固定顶部导航栏的交互功能等. 本原型由国产原型工具Mockplus和团队协作 ...

  5. 对团队项目的NABCD的分析

    需求(N):我们的软件是面向广大想记录自己所爱动植物成长点滴的人.目前没有很好地软件,只有手机或者电脑上的笔记本和备忘录. 做法(A):我们的软件可以交流可以节约积累知识的时间,将记录从记事本中摘出来 ...

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

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

  7. make/makefile中的加号+，减号-和at号@的含义

    http://www.crifan.com/order_make__makefile_in_the_plus__minus_-_and_at_the_meaning_of_numbers/ 在看mak ...

  8. 数组方法concat & slice

    掌握数组的操作方法: concat() /  slice() concat() 语法: arrayObject.concat(arrayX,arrayY,....,arrayZ) 功能:用于连接两个或 ...

  9. c#泛型与其他语言的对比（深入理解c#）

    1.同c++模板的对比: c++模板有点像是发展到极致的宏.他们非常强大,但代价就是代码膨胀和不易理解. 在c++中使用一个模板时,会为那一套特定的模板实参编译代码,好在模板实参本来就在源代码中一样. ...

  10. sql在最后一行添加合计

    select nvl(sno,'合计') sno,sum(score) score from sc group by rollup(sno);