目的：是为了实现列表分页

1、定制URL

http://127.0.0.1:8000/blog/get_article?page=3
之前定制URL是在url后增加了/id，这次使用参数的方式
def get_article(request):

    page=request.GET.get('page');---------->使用GET.get方法来获取URL后的page参数的值，同理，如果将来url后跟了其他更多的参数，也可以使用这种方法指定返回

    if page:------------------->此处可以简单对page进行处理，因为使用get返回的值是Str类型，需要转成int

        page=int(page);

    else:

        page=1;--------->默认为1

    print('PAGE 参数为：',page);
2、引入Djanjo的分页组件
from django.core.paginator import Paginator;--------->重点，这就是Django的分页组件

#列表页

def get_article(request):

    page=request.GET.get('page');

    if page:

        page=int(page);

    else:

        page=1;

    print('PAGE 参数为：',page);

    article_list=Article.objects.all();

    #实例化一个分页组件，第一个参数是需要被分页的列表，第二个参数是每一个的item个数，比如这边指定每页个数为2

    paginator=Paginator(article_list,2);

    #page方法，传入一个参数，表示第几页的列表，这边传入的page，是你在地址中写的参数

    page_article_list=paginator.page(page);----------------->获得指定page的列表

    page_num=paginator.num_pages;------------------->获得列表被分页处理后，总共被分为多少页

    #print('page_num:',page_num);

    #判断是否存在下一页

    if page_article_list.has_next():

        next_page=page+1;

    else:

        next_page=page;
   #是否存在上一页

    if page_article_list.has_previous():

        previous_page=page-1;

    else:

        previous_page=page;

    return render(request,'index.html',{
#根据前端，我们需要知道当前page的列表，需要知道点击【上一页】，跳转，点击下一页的跳转，需要知道被分了几页

        'article_list':page_article_list,------->当前page的list

        'page_num':range(1,page_num+1),---------->被分了几页，这个返回一个数组，前端直接for循环渲染

        'curr_page':page,---------->当前页数

        'next_page':next_page,---------->下一页

        'previous_page':previous_page————————————————>上一页

    })
3、前端修改
引入bootstrap的分页代码
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>主页--文章列表页</title>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->

     <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">

     <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->

     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

      <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

      <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

</head>

<body>

<div class="container page-header">

    <h1>文章列表

    <small>by zhonghuihong </small></h1>

</div>

<div class="container page-body">

    <div class="col-md-9" role="main">

        <div class="body-main">

            <div>

                {% for article in article_list %}

                    <h2><a href="get_detail/{{ article.article_id }}">{{article.article_title}}</a></h2>

                          <p>{{article.article_content}}</p>

                {% endfor %}

            </div>

        </div>

    <div class="body-footer">

        <div class="col-md-4 col-md-offset-3">

        <nav aria-label="Page navigation">

  <ul class="pagination">

    <li>

      <a href="/blog/get_article?page={{ next_page }}" aria-label="Previous">

        <span aria-hidden="true">&laquo;</span>

      </a>

    </li>

  {% for num in page_num %}

      <li>

          <a href="/blog/get_article?page={{ num }}">{{ num }}</a>

      </li>

      {% endfor %}

    <li>

      <a href="/blog/get_article?page={{ previous_page }}" aria-label="Next">

        <span aria-hidden="true">&raquo;</span>

      </a>

    </li>

  </ul>

</nav>

    </div>

    </div>

    </div>

    <div class="col-md-3" role="complementary">

        <div><h2>最新文章</h2>

            {% for article in article_list  %}

            <h4><a href="get_detail/{{ article.article_id }}">{{article.article_title}}</a></h4>

            {% endfor %}

        </div>

    </div>

</div>

</body>

</html>
4、调试验收--确认功能正常无报错

耶！！！继续努力

Django----列表分页（使用Django的分页组件）的更多相关文章

  1. 比Django官方实现更好的分页组件+Bootstrap整合

    前言 Django全家桶自带的分页组件只能说能满足分页这个功能,但是没那么好用就是了 Django的分页效果 django-pure-pagination分页效果 使用方法 首先安装: pip ins ...

  2. 13、Django实战第13天：分页列表功能

    我们看课程 机构列表页是需要分页的 为了完成分页功能,我们需要用到Django的一个开源开发库django-pure-pagination workon mxonline pip install dj ...

  3. Django - Cookie、Session、自定义分页和Django分页器

    2. 今日内容 https://www.cnblogs.com/liwenzhou/p/8343243.html 1. Cookie和Session 1. Cookie 服务端: 1. 生成字符串 2 ...

  4. Django学习笔记（12）——分页功能

    这一篇博客记录一下自己学习Django中分页功能的笔记.分页功能在每个网站都是必要的,当页面因需要展示的数据条目过多,导致无法全部显示,这时候就需要采用分页的形式进行展示. 分页在网站随处可见,下面展 ...

  5. Python学习笔记整理总结【Django】：模板语言、分页、Cookie、Session

    一.模板语言  1.在前段展示:对象/字典/元组 class Business(models.Model): # id #用默认的自增id列 即:Business中有3列数据(id, caption, ...

  6. Django rest framework（7）----分页

    目录 Django rest framework(1)----认证 Django rest framework(2)----权限 Django rest framework(3)----节流 Djan ...

  7. 稳定易用的 Django 分页库，完善分页功能

    作者:HelloGitHub-追梦人物 文中所涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 在 通过 Django Pagination 实现简单分页 中,我们实现了一个简单的 ...

  8. Django的Cookie Session和自定义分页

    cookie Cookie的由来 大家都知道HTTP协议是无状态的. 无状态的意思是每次请求都是独立的,它的执行情况和结果与前面的请求和之后的请求都无直接关系,它不会受前面的请求响应情况直接影响,也不 ...

  9. Django框架第九篇--Django和Ajax、序列化组件(serializers)、自定义分页器、模型表choice参数

    Django和Ajax 一.什么是Ajax AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步的Javascript和XML”.即使用Javascript语 ...

  10. 通过angularjs的directive以及service来实现的列表页加载排序分页

    前两篇:(列表页的动态条件搜索,我是如何做列表页的)分别介绍了我们是如何做后端业务系统数据展示类的列表页以及动态搜索的,那么还剩下最重要的一项:数据展示.数据展示一般包含三部分: 数据列头 数据行 分 ...

随机推荐

  1. python模拟页面调度LRU算法

    所谓LRU算法,是指在发生缺页并且没有空闲主存块时,把最近最少使用的页面换出主存块,腾出地方来调入新页面. 问题描述:一进程获得n个主存块的使用权,对于给定的进程访问页面次序,问当采用LRU算法时,输 ...

  2. Springboot集成Quartz

    之前学习过spring的定时任务 :https://www.cnblogs.com/slimshady/p/10112515.html 本文主要学习记录下springboot使用quartz 1.   ...

  3. 装饰器模式-Decorator(Java实现)

    装饰器模式-Decorator(Java实现) 装饰器模式允许向一个现有的对象添加新的功能, 同时又不改变其结构. 其中 "现有对象"在本文中是StringDisplay类. 添加 ...

  4. DirectX11--HLSL编译着色器的三种方法

    前言 本教程不考虑Effects11(FX11),而是基于原始的HLSL. 目前编译与加载着色器的方法如下: 使用Visual Studio中的HLSL编译器,随项目编译期间一同编译,并生成.cso( ...

  5. 【codeforces 983E】NN country

    Description In the NN country, there are n cities, numbered from 1 to n, and n−1 roads, connecting t ...

  6. mac 配置jdk，maven环境变量

    Java和maven环境变量配置: 1.打开终端:输入命令:vi ~/.bash_profile 2.再输入 i 进入编辑模式 输入以下: export JAVA_HOME=/Library/Java ...

  7. 我常用的sublime快捷键整理

    由于很多人用sublime作为编辑器,我想我平时学习的时候也可以用sublime写demo,顺便熟悉一下sublime的使用方法.慢慢发现sublime中快捷键能节省很多时间,很方便,但是同时快捷键很 ...

  8. 一、Python学习之路

    基础篇 第一章         Python介绍.安装.使用 Python 简介 Python 安装 第一个Python程序 Python 解释器 字符编码与解码 动态语言与静态语言的区别 变量及简单 ...

  9. Shiro权限管理

    1.简介 Apache Shiro是Java的一个安全框架,对比Spring Security,没有Spring Security功能强大,但在实际工作时可能并不需要那么复杂,所以使用小而简单的Shi ...

  10. .Net业务搭配实用技术栈（转）

      前言 昨天有篇文章在讨论webform的设计思路,我已经四五年不用webform了,虽然它也提供了HttpModule和httphandle来处理请求,提供了一般处理程序ashx来简化处理流程,但 ...