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

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. Glog使用记录

    1.Flag_xxx FLAGS_logtostderr = false; //是否将所有日志输出到stderr,而非文件 FLAGS_alsologtostderr = false; //日志记录到 ...

  2. 怎么解决docker pull拉取镜像速度过慢的问题

    在我们安装了docker之后,在利用docker pull下载镜像的时候,由于国内的源会出现的问题就是速度真的很慢,可以用龟速来形容,最痛苦的是当你耐心的等待几个小时之后,出现unexpected E ...

  3. CentOS7_防火墙

    1.查看防火墙状态 firewall-cmd --state 2.启动防火墙 systemctl start firewalld.service 3.关闭防火墙 systemctl stop fire ...

  4. crm 一级菜单排序,二级菜单选中并且展开,非菜单权限的归属,权限粒度控制到按钮级别

    排序 /rbac/templatetags/rbac.py from django import template from django.conf import settings import re ...

  5. 移动开发day4_京东移动页面

    复习 父项身上有哪些属性 可以设置 主轴方向 fd flex-direction : row; column; 主轴子项的排列方式 j justify-content: flex-start;flex ...

  6. 暑假第二弹：基于docker的hadoop分布式集群系统的搭建和测试

    早在四月份的时候,就已经开了这篇文章.当时是参加数据挖掘的比赛,在计科院大佬的建议下用TensorFlow搞深度学习,而且要在自己的hadoop分布式集群系统下搞. 当时可把我们牛逼坏了,在没有基础的 ...

  7. python2和python3的区别

    python2和python3的区别 参考链接:http://www.runoob.com/python/python-2x-3x.html 1.源码上的区别 python2 python3 源码不规 ...

  8. kail linux虚拟机安装tools工具

    因为自己比较懒,有时候自己不想打字需要粘贴就安装了虚拟机tools工具,又因为自己脑子不好使所以就写一下步骤,以便以后用得着.我这里用得是kail linux系统,不知道contest能不能这样安,下 ...

  9. css-reset 代码

    最常用 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:bef ...

  10. Python+Selenium+Unittest+HTMLTestRunner生成测试报告+发送至邮箱，记一次完整的cnblog登录测试示例，

    测试思路:单个测试集.单个测试汇成多个测试集.运行测试集.生成测试报告.发送至邮箱. 第一步:建立单个测试集,以cnblog登录为例. 测试用例: cnblog的登录测试,简单分下面几种情况:(1)用 ...