如果页数太多的话，全部显示在页面上就会显得很冗杂

可以在页面中显示规定的页码数

例如：

book_list.html：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>书籍列表</title>

    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">

</head>

<body>

<div class="container">

    <table class="table table-bordered">

        <thead>

        <tr>

            <th>序号</th>

            <th>id</th>

            <th>书名</th>

        </tr>

        </thead>

        <tbody>

        {% for book in books %}

            <tr>

                <td>{{ forloop.counter }}</td>

                <td>{{ book.id }}</td>

                <td>{{ book.title }}</td>

            </tr>

        {% endfor %}

        </tbody>

    </table>

    <nav aria-label="Page navigation">

        <ul class="pagination">

            <li>

                <a href="#" aria-label="Previous">

                    <span aria-hidden="true">«</span>

                </a>

            </li>

            <li>

                {{ page_html|safe }}

            </li>

            <li>

                <a href="#" aria-label="Next">

                    <span aria-hidden="true">»</span>

                </a>

            </li>

        </ul>

    </nav>

</div>

</body>

</html>

views.py：

from django.shortcuts import render

from app01 import models

def book_list(request):

    # 从 URL 中取参数

    page_num = request.GET.get("page")

    print(page_num, type(page_num))

    page_num = int(page_num)

    # 定义两个变量保存数据从哪儿取到哪儿

    data_start = (page_num-1)*10

    data_end = page_num*10

    # 书籍总数

    total_count = models.Book.objects.all().count()

    # 每一页显示多少条数据

    per_page = 10

    # 总共需要多少页码来显示

    total_page, m = divmod(total_count, per_page)

    # 页面上最多展示的页码

    max_page = 11

    half_max_page = max_page // 2

    # 页面上展示的页码的开始页

    page_start = page_num - half_max_page

    # 页面上展示的页码的结束页

    page_end = page_num + half_max_page

    # 如果当前页减一半比 1 小

    if page_start <= 1:

        page_start = 1

        page_end = max_page

    # 如果当前页加一半比总页码还大

    if page_end > total_page:

        page_end = total_page

        page_start = total_page - max_page + 1

    # 如果还有数据

    if m:

        total_page += 1

    all_book = models.Book.objects.all()[data_start:data_end]

    # 拼接 html 的分页代码

    html_list = []

    for i in range(page_start, page_end+1):

        tmp = '<li><a href="/book_list/?page={0}">{0}</a></li>'.format(i)

        html_list.append(tmp)

    page_html = "".join(html_list)

    return render(request, "book_list.html", {"books": all_book, "page_html": page_html})

运行结果：

Python - Django - 页面上展示固定的页码数的更多相关文章

  1. 紧接上篇，jQuery调用jsonp，并且在页面上展示

    在上篇中提到了spring4.1+支持jsonp的调用,做了个例子,用来在页面上展示jsonp: (js写的丑了点,本人后端出生,前端大侠们轻拍~) var Menu = function () { ...

  2. Python Django CMDB项目实战之-3创建form表单，并在前端页面上展示

    基于之前的项目代码 Python Django CMDB项目实战之-1如何开启一个Django-并设置base页.index页.文章页面 Python Django CMDB项目实战之-2创建APP. ...

  3. 【BIRT】在页面上展示xxxx年xx月xx日

    我们在做报表开发的时候经常会遇到一个问题,就是需要在报表上展示”xxxx年xx月xx日”这种日期,例如:需要在报表展示日期如下图: 我们现在数据库存储的日期是:20171231 那么我们如何转化为 这 ...

  4. python django 批量上传文件并绑定对应文件的描述

  5. 读取hdfs目录，并在web页面上展示文件里的内容

    最终效果图 目录树实体类: /** * @Author: DaleyZou * @Description: hdfs 目录结构的实体类,用于展示目录树的支撑操作 * @Date: Created in ...

  6. Python Django文件上传

    文件保存本地 view视图 def update(request): if request.method =='GET': return render(request,'update.html') e ...

  7. web页面上展示图片时，图片不显示，报错：ERR_CONTENT_LENGTH_MISMATCH

      问题描述 前端页面加载css,和js文件的时候,经常出现ERR_CONTENT_LENGTH_MISMATCH的报错情况.   查找问题 在单独打开hearder中css,js的网络地址是能打开的 ...

  8. 前端H5，点击选择图片控件，图片直接在页面上展示~

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. javaweb页面上展示动态图片

    HTML <img alt="点击设定" name="CONSTRUCTIONPLANHIS_IMAGE_curr_img_0" src="vi ...

随机推荐

  1. Tensorflow细节-P112-模型持久化

    第一个代码 import tensorflow as tf v1 = tf.Variable(tf.random_normal([1], stddev=1, seed=1)) v2 = tf.Vari ...

  2. Kubernetes 学习14 kubernetes statefulset

    一.概述 1.在应用程序中我们有两类,一种是有状态一种是无状态.此前一直演示的是deployment管理的应用,比如nginx或者我们自己定义的myapp它们都属于无状态应用. 2.而对于有状态应用, ...

  3. arm 环境下安装selenium+chrome

    1.  升级软件 apt-get update 2. 安装pip apt-get install python3-pip 3. 安装selenium pip3 install selenium .4. ...

  4. 飞扬的小鸟 DP

    飞扬的小鸟 DP 细节有点恶心的DP,设\(f[i][j]\)表示横坐标为\(i\)(从\(0\)开始)高度为\(j\)时,屏幕点击的最小次数为\(f[i][j]\),转移便很好写了,这里要注意枚举当 ...

  5. 2017.10.6 国庆清北 D6T2 同余方程组

    题目描述 求关于x 的同余方程组 x%a1 = b1 x%a2 = b2 x%a3 = b3 x%a4 = b4 的大于等于0 的最小整数解. 输入输出格式 输入格式: 一行8 个整数,表示a1; b ...

  6. 转载 | Python AI 教学│k-means聚类算法及应用

    关注我们的公众号哦!获取更多精彩哦! 1.问题导入 假如有这样一种情况,在一天你想去某个城市旅游,这个城市里你想去的有70个地方,现在你只有每一个地方的地址,这个地址列表很长,有70个位置.事先肯定要 ...

  7. 模板 - 数学 - 同余 - 扩展Euclid算法

    普通的扩展欧几里得算法,通过了洛谷的扩展欧几里得算法找乘法逆元.修复了容易溢出的bug,虽然新版本仍有可能会溢出longlong,假如参与运算的数字都是longlong,假如可以的话直接使用__int ...

  8. win10下Python安装pycrypto报错

    错误一:  error: Microsoft Visual C++ 14.0 is required. 解决办法: 下载Visual C++2017安装包,下载链接:Visual C++ 2017 安 ...

  9. arcpy显示指定表的索引属性

    import arcpy feature_class = "c:/data/well.shp" # Create a list of indexes using the ListI ...

  10. 如将Myeclipse项目改成Eclipse项目

    由于项目需求,需要将原来Myeclipse项目转移到Eclipse中去.搞了半天才搞出来,分享给大家,希望对大家有用. 首先导入一个从Myeclipse导出的项目 然后无法进行tomcat发布. 但是 ...