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

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

例如：

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. Bootstrap是什么意思？

    Bootstrap是一组用于网站和网络应用程序开发的开源前端(所谓“前端”,指的是展现给最终用户的界面.与之对应的“后端”是在服务器上面运行的代码)框架,包括HTML.CSS及JavaScript的框 ...

  2. mage Ansible学习1 常用模块

    一.Ansible特点 二.Ansible架构 1.core modules实现常用模块 2.Custom modules实现自定义模块 3.Connection Plugins 连接插件,可通过SS ...

  3. H3CNE学习6 静态路由

    一.相应命令 1.查看路由表 2.直连路由 3.静态路由配置 4.路由器转发数据包 二.静态路由2 1.路由优先级 管理距离即优先级,值越小就越优先 2.路由度量 如果上下都是使用的相同的路由协议那么 ...

  4. VSCompile

    VS2012加载失败 No exports were found that match the constraint 开始->运行->devenv.exe /resetuserdata-& ...

  5. learning java AWT 画图

    import javax.swing.*; import java.awt.*; import java.util.Random; public class SimpleDraw { private ...

  6. 【转】根据Quartz-Cron表达式获取最近几次执行时间

    public static List<String> getRecentTriggerTime(String cron) { List<String> list = new A ...

  7. Codeforces Round #604 (Div. 1) - 1C - Beautiful Mirrors with queries

    题意 给出排成一列的 \(n\) 个格子,你要从 \(1\) 号格子走到 \(n\) 号格子之后(相当于 \(n+1\) 号格子),一旦你走到 \(i+1\) 号格子,游戏结束. 当你在 \(i\) ...

  8. Compiling OpenCV: VTK Not Found on Ubuntu 16.04 LTS

    When installing OpenCV: /usr/bin/vtk not found libvtkRenderingPythonTkWidgets.so not found /usr/bin/ ...

  9. ICEM-闪闪的党徽

    ​原视频下载地址:http://yunpan.cn/cusb64DXrammF  访问密码 3d0f

  10. go语言中type的几种使用

    type是go语法里的重要而且常用的关键字,type绝不只是对应于C/C++中的typedef.搞清楚type的使用,就容易理解go语言中的核心概念struct.interface.函数等的使用.以下 ...