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

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

例如：

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. oracle 查询表重复数据 并 删除保留一条

    语法:select count(字段名),字段名  from  表名 group by 字段名 having count(字段名)>1 实例: select  count(name),name ...

  2. 使用unsafe改善性能

    这种方式是Go所推荐的,优点就是安全,尽管这种操作会发生内存拷贝,导致性能上会有所损耗,这在处理一般业务时这种损耗是可以忽略的.但如果是拷贝频繁的情况下,想要进行性能优化时,就需要引入unsafe.P ...

  3. 微信公众号调用外部浏览器打开指定URL链接是如何实现的

    在涉及移动端支付的项目时,由于对支付需求的精细化,不仅需要扫码支付,还有唤醒App支付,另外还有在微信.QQ.支付宝内置浏览器给出相应的提示. 好在国内各大巨头公司在开发浏览器的时候都在浏览器标识上加 ...

  4. CODE FESTIVAL 2016 Grand Final 题解

    传送门 越学觉得自己越蠢--这场除了\(A\)之外一道都不会-- \(A\) 贪心从左往右扫,能匹配就匹配就好了 //quming #include<bits/stdc++.h> #def ...

  5. 创建一个简单tcp服务器需要的流程

    1.socket创建一个套接字 2.bind绑定ip和port 3.listen使套接字变为可以被动链接 4.accept等待客户端的链接 5.recv/send接收发送数据

  6. SpringBoot整合ElasticSearch：基于Jest技术

    1.给pom.xml添加依赖 <!--SpringBoot默认使用SpringData ElasticSearch模块进行操作 <dependency> <groupId> ...

  7. VsCode插件与Node.js交互通信

    首先关于VsCode插件通信,如果不明白的可以参考我的这篇博客VsCode插件开发之插件初步通信 如果需要详细例子的话,可以参考VsCode插件开发 现在又有一个新的需求是,VsCode插件可以通过j ...

  8. Spring boot RSA 文件加密解密

    github项目地址 rsa_demo ##测试 加密D:/hello/test.pdf 文件,生成加密后的文件 testNeedDecode.pdf 对testNeedDecode.pdf 文件进行 ...

  9. Word 软回车和硬回车

    网页上复制一大段内容,会发现很多向下的箭头,这种叫软回车,要如何批量替换成常见的硬回车呢?   工具/原料   word文档 方法/步骤   1 先认识这种向下的箭头,这种回车形式叫软回车,按shif ...

  10. 【转】利用Python将多个PDF合并为一个

    本脚本用来合并pdf文件,输出的pdf文件按输入的pdf文件名生成书签 使用示例如下: python pdfmerge.py -p "D:\pdf-files" -o " ...