前台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. hdu 5532 (LIS) Almost Sorted Array

    http://acm.hdu.edu.cn/showproblem.php?pid=5532 题意大致是一组数中去掉一个数后问剩下的数是否构成非严格单调序列 正反各跑一遍最长非严格连续子序列,存在长度 ...

  2. Taxi

    /* After the lessons n groups of schoolchildren went outside and decided to visit Polycarpus to cele ...

  3. [Robot Framework] 校验字符串中是否包含某个子字符串，校验同时满足两个条件中任意一个

    ${tWarningMessage} Run Keyword If ${tIfExist} AutoItLibrary.Win Get Text Generate Fee Data warning m ...

  4. js中的find(),filter(),has()的用法和区别

    filter():操作当前元素集,删除不匹配的元素,得到一个新的集合 <ul> <li class="a">list item 1</li> & ...

  5. BS架构如何实现即时消息提醒

    转载地址:https://blog.csdn.net/cyjch/article/details/51506434

  6. hehe,网易邮箱已经流氓到这个地步了

    网易邮箱现在感觉作死,申请个邮箱还要下载你的APP,好,你牛逼,再见. 这是态度的问题. 最近丢了5亿的用户信息死不承认,撞库能把密保问题给撞出来? 如果真是撞库的话,丁三石养猪也已经感染口蹄疫了吧.

  7. .net获取本地ip地址

    整理代码,.net获取本地ip地址,代码如下: string name = Dns.GetHostName(); IPHostEntry IpEntry = Dns.GetHostEntry(name ...

  8. 【Linux】DNS服务-BIND从服务器、缓存服务器及转发服务器配置（三）

    环境 操作系统:CentOS 6.5 DNS软件:bind(安装参照:[Linux]DNS服务-BIND基础配置(二)) BIND从服务器 从服务器就是在bind的主配置文件中添加从域example. ...

  9. springMVC学习二 原始springMVC环境搭建

    第一步:导入jar包 第二步:配置DispatcherServlet DispatcherServlet本质是一个Servlet,在spring-webmvc包中,在servlet2.5之前  spr ...

  10. 利用HBuilder开发基于MUI的H5+ app中使用百度地图定位功能

    定位功能有两种方法: 首先要初始化内置地图: var map = new plus.maps.Map("map"); 这里黄色的map是html里面的id: <div id= ...