添加首页和尾页：

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 = []

    # 添加首页按钮

    html_list.append('<li><a href="/books/?page=1">首页</a></li>')

    # 展示的页码

    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)

    # 添加尾页按钮

    html_list.append('<li><a href="/books/?page={}">尾页</a></li>'.format(total_page))

    page_html = "".join(html_list)  # 拼接 html 的分页代码

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

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>

                {{ page_html|safe }}

            </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 = []

    # 添加首页按钮

    html_list.append('<li><a href="/book_list/?page=1">首页</a></li>')

    # 如果是第一页，就没有上一页

    if page_num <= 1:

        html_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">«</span></a></li>'.format(page_num-1))

    else:

        # 加一个上一页的标签

        html_list.append('<li><a href="/book_list/?page={}"><span aria-hidden="true">«</span></a></li>'.format(page_num-1))

    # 展示的页码

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

        # 给当前页添加 active

        if i == page_num:

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

        else:

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

        html_list.append(tmp)

    # 如果是最后一页，就没有下一页

    if page_num >= total_page:

        html_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">»</span></a></li>')

    else:

        html_list.append('<li><a href="/book_list/?page={}"><span aria-hidden="true">»</span></a></li>'.format(page_num+1))

    # 添加尾页按钮

    html_list.append('<li><a href="/book_list/?page={}">尾页</a></li>'.format(total_page))

    page_html = "".join(html_list)  # 拼接 html 的分页代码

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

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>

                {{ page_html|safe }}

            </li>

        </ul>

    </nav>

</div>

</body>

</html>

运行结果：

后续改进：

处理用户传给 url 的 page 参数异常的值的情况

例如：

访问，http://127.0.0.1:8888/book_list/?page=a

访问，http://127.0.0.1:8888/book_list/?page=-1

都会出错

改进：

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 为 str 类型

    # 书籍总数

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

    # 每一页显示多少条数据

    per_page = 10

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

    total_page, m = divmod(total_count, per_page)

    # 如果还有数据

    if m:

        total_page += 1

    try:

        page_num = int(page_num)

        # 如果输入的页码数超过了最大的页码数，默认返回最后一页

        if page_num > total_page:

            page_num = total_page

        # 如果输入的页码数小于 1，则返回第一页

        if page_num < 1:

            page_num = 1

    except Exception as e:

        # 当输入的页码不是正经数字的时候 默认返回第一页的数据

        page_num = 1

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

    data_start = (page_num - 1) * 10

    data_end = page_num * 10

    # 页面上最多展示的页码

    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

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

    # 拼接 html 的分页代码

    html_list = []

    # 添加首页按钮

    html_list.append('<li><a href="/book_list/?page=1">首页</a></li>')

    # 如果是第一页，就没有上一页

    if page_num <= 1:

        html_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">«</span></a></li>'.format(page_num-1))

    else:

        # 加一个上一页的标签

        html_list.append('<li><a href="/book_list/?page={}"><span aria-hidden="true">«</span></a></li>'.format(page_num-1))

    # 展示的页码

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

        # 给当前页添加 active

        if i == page_num:

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

        else:

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

        html_list.append(tmp)

    # 如果是最后一页，就没有下一页

    if page_num >= total_page:

        html_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">»</span></a></li>')

    else:

        html_list.append('<li><a href="/book_list/?page={}"><span aria-hidden="true">»</span></a></li>'.format(page_num+1))

    # 添加尾页按钮

    html_list.append('<li><a href="/book_list/?page={}">尾页</a></li>'.format(total_page))

    page_html = "".join(html_list)  # 拼接 html 的分页代码

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

如果数据库中的数据数少于 max_page，则会显示负数的页数

例如数据库中只有 21 条数据：

改进：

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 为 str 类型

    # 书籍总数

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

    # 每一页显示多少条数据

    per_page = 10

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

    total_page, m = divmod(total_count, per_page)

    # 如果还有数据

    if m:

        total_page += 1

    try:

        page_num = int(page_num)

        # 如果输入的页码数超过了最大的页码数，默认返回最后一页

        if page_num > total_page:

            page_num = total_page

        # 如果输入的页码数小于 1，则返回第一页

        if page_num < 1:

            page_num = 1

    except Exception as e:

        # 当输入的页码不是正经数字的时候 默认返回第一页的数据

        page_num = 1

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

    data_start = (page_num - 1) * 10

    data_end = page_num * 10

    # 页面上最多展示的页码

    max_page = 11

    # 如果总页码数小于页面上最多展示的页码

    if total_page < max_page:

        max_page = total_page

    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

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

    # 拼接 html 的分页代码

    html_list = []

    # 添加首页按钮

    html_list.append('<li><a href="/book_list/?page=1">首页</a></li>')

    # 如果是第一页，就没有上一页

    if page_num <= 1:

        html_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">«</span></a></li>'.format(page_num-1))

    else:

        # 加一个上一页的标签

        html_list.append('<li><a href="/book_list/?page={}"><span aria-hidden="true">«</span></a></li>'.format(page_num-1))

    # 展示的页码

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

        # 给当前页添加 active

        if i == page_num:

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

        else:

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

        html_list.append(tmp)

    # 如果是最后一页，就没有下一页

    if page_num >= total_page:

        html_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">»</span></a></li>')

    else:

        html_list.append('<li><a href="/book_list/?page={}"><span aria-hidden="true">»</span></a></li>'.format(page_num+1))

    # 添加尾页按钮

    html_list.append('<li><a href="/book_list/?page={}">尾页</a></li>'.format(total_page))

    page_html = "".join(html_list)  # 拼接 html 的分页代码

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

运行结果：

Python - Django - 添加首页尾页上一页下一页的更多相关文章

  1. Android ListView上拉获取下一页

    关于ListView上拉刷新的需求很多,实现方式也多种多样. 一般是简单的通过一个page变量来控制当前请求的页数,然后上拉的时候就发送请求. 实现出来后,经过测试哥的折腾,发现有诸多细节没有处理好, ...

  2. thinkphp5.0 文章详情页 上一篇 下一篇

    // 上一篇下一篇(同一个分类下,先确定该分类的pid) public function frontAfter() { $param=$this->param; $front=Db::name( ...

  3. dedecms手机网站内页上一篇/下一篇的翻页功能

    修改文件include/arc.archives.class.php文件. 1.搜索 function GetPreNext($gtype='') 2.将这个函数的所有内容替换为 function G ...

  4. Python - Django - 添加作者

    在 book_list.html 的页面下方加上 “添加作者” 的链接 <!DOCTYPE html> <html lang="en"> <head& ...

  5. python - django 使用ajax将图片上传到服务器并渲染到前端

    一.前端代码 <!doctype html> <html lang="en"> <head> <meta charset="UT ...

  6. phpcms新闻详情页上一篇下一篇的实现

    在新闻详情页(show.html或show_*.html) 只需要添加类似如下代码即可: <div>上一篇:<a href="{$previous_page[url]}&q ...

  7. Python Django撸个WebSSH操作Kubernetes Pod（下）- 终端窗口自适应Resize

    追求完美不服输的我,一直在与各种问题斗争的路上痛并快乐着 上一篇文章Django实现WebSSH操作Kubernetes Pod最后留了个问题没有解决,那就是terminal内容窗口的大小没有办法调整 ...

  8. Python Django 前后端数据交互 之 HTTP协议下GET与POST的区别

    99%的人都理解错了HTTP中GET与POST的区别(转自知乎)   作者:Larry链接:https://zhuanlan.zhihu.com/p/22536382来源:知乎著作权归作者所有.商业转 ...

  9. IOS开发 键盘添加工具条 退出 上一项 下一项 简单实现

    首先设置每个 UITextField 的 inputAccessoryView 为UIToolBar : 将所有的 textField 放入一个数组: 设置 UITextField UITextFie ...

随机推荐

  1. RocketMQ部分消息消费不到的问题

    在企业项目中,利用RocketMQ接收数据,存库. 由于是第一次在项目中具体的使用RocketMQ,一直采坑. 1.发现问题:在最终的联调过程中,并发压测,订单数据丢失,同一时刻,oms推送900+的 ...

  2. Post Office Problem

    Description There are n houses on a line. Given an array A and A[i] represents the position of i-th  ...

  3. Tensorflow 细节P-40

    1.绝大部分时候都会忽略graph的使用,如下代码所示,学会怎样tf.get_default_graph()是重要的,此外注意变量定义时的初始化必须加 initializer 2.此外,要知道 wri ...

  4. 40、JSON数据源综合案例实战

    一.JSON数据源综合案例实战 1.概述 Spark SQL可以自动推断JSON文件的元数据,并且加载其数据,创建一个DataFrame.可以使用SQLContext.read.json()方法,针对 ...

  5. AtCoder Grand Contest 018题解

    传送门 \(A\) 根据裴蜀定理显然要\(k|\gcd(a_1,...,a_n)\),顺便注意不能造出大于\(\max(a_1,...,a_n)\)的数 int n,g,k,x,mx; int mai ...

  6. 整理的Python资料，包含各阶段所需网站、项目，收藏了

    虽然强调过很多次了,但是还是要多提一句,不要看python2.x,如果你是零基础过来的,请直接开始你的py3.x 之路.建议3.6,3.7的一些特性可能对你不是很重要. 1.初出茅庐 我不会推荐你们去 ...

  7. (4)Go程序结构和流程控制

    Go程序主要由以下几部分组成:(具体可以参考2选择结构中的实例) *包声明 *导入包 *函数 *变量 *语句和表达式 *注释 流程控制 1.顺序结构 2.选择结构  (1)if else if 和 e ...

  8. shell 命令的重命名alias

    1.实现别名:alias ddd="df -Th": 2.删除别名:unalias ddd: 3.显示所有别名命令列表:alias: 4.存放位置:~/.bashrc  (加入该文 ...

  9. Editorial of Codeforces Round #572

    技不如人啊emmm A \(f_{i}\)表示前\(i\)个最小割段,顺便用\(pre_{i}\)记录上一个转移过来的位置 B 这题似乎随便乱搞都能过 官方题解:\(a_{n-1},a_n,a_{n- ...

  10. hbase错误记录部分总结

    错误1:org.apache.zookeeper.KeeperException$SessionExpiredException: KeeperErrorCode = Session expired ...