前面的话：

1. 网页引用的bootstrap 中的表格，所以需要引入样式类

2. 第一次写文章，不喜勿喷。有不足的地方，可留言我改正，在此先谢过。

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>编号</th>
            <th>名字</th>
        </tr>
        </thead>
        {% for user in user_list %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ user.id }}</td>
                <td>{{ user.name }}</td>
            </tr>
        {% endfor %}
</table>
<nav aria-label="Page navigation">
  <ul class="pagination">

      {{ page_html|safe }}   <!--传值--!>

  </ul>
</nav>
</div>

</body>
</html>

views代码：

from django.shortcuts import render, redirect, HttpResponse
from app01 import models
# Create your views here.

def page(request):
    # 从url取参数
    page_num = request.GET.get("p")
    # 求总页数,每页显示10条数据
    total_data = models.Books.objects.all().count()
    total_page, i = divmod(total_data, 10)  # divmod运算可取到整数和余数分别保存在total_page，i 中
    try:
        page_num = int(page_num)
        if page_num > total_page:
            page_num = total_page
    except Exception as e:
        page_num = 1
    # 定义两个变量保存起始数据
    print(page_num)
    data_start = (page_num-1)*10 + 1
    data_end = page_num*10

    if i:
        total_page = total_page + 1 # 判断如有余数，加1页

    # 页面上总共展示多少页面
    max_page = 7
    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
    # 前部分
    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
    # 自己拼接分页的HTTML代码
    html_str_list = []
    # 加上首页
    html_str_list.append('<li><a href="/page/?p=1">首页</a></li>')
    # 加上上一页
    if page_num <= 1:
        html_str_list.append(
            '<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>')
    else:
        html_str_list.append(
            '<li><a href="/page/?p={0}" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>'.format(
                page_num - 1))

    for i in range(page_start, page_end+1):
        # 如果是当前页就加一个active样式类
        if i == page_num:
            tem = '<li class="active"><a href="/page/?p={0}">{0}</a></li>'.format(i)
        else:
            tem = '<li><a href="/page/?p={0}">{0}</a></li>'.format(i)   #括号里要写0
        html_str_list.append(tem)
    # 加上下一页
    if page_num >= total_page:
        html_str_list.append(
            '<li class="disabled"><a href="#" aria-label="Next">''<span aria-hidden="true">&raquo;</span></a></li>')
    else:
        html_str_list.append(
            '<li><a href="/page/?p={0}" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>'.format(
                page_num + 1))
    # 加最后一页
    html_str_list.append('<li><a href="/page/?p={0}">尾页</a></li>'.format(total_page))
    page_html = "".join(html_str_list)

    # all_user = models.UserInfo.objects.all()[10: 20]
    all_user = models.Books.objects.filter(id__gte=data_start, id__lte=data_end)
    print(all_user)
    return render(request, "page.html", {"user_list": all_user, "page_html": page_html})

HTML 基于 Python 实现分页功能的更多相关文章

  1. python通用分页功能

    实现: class Page: def __init__(self,current_page,data_count,per_page_count=10,pager_num=10): self.curr ...

  2. 基于 Python 的自定义分页组件

    基于 Python 的自定义分页组件 分页是网页中经常用到的地方,所以将分页功能分出来,作为一个组件可以方便地使用. 分页实际上就是不同的 url ,通过这些 url 获取不同的数据. 业务逻辑简介 ...

  3. poscms基于list标签实现的查询分页功能

    poscms系统本身有一个在查询页(search页面)实现的查询分页功能,基于系统封装的php函数dr_search_url() 但是今天的需求除了导航栏.列表页.详情页都实现查询功能外,关键是有两个 ...

  4. php基于SQLite实现的分页功能示例

    php基于SQLite实现的分页功能. 这里操作数据库文件使用的是前面文章<PHP基于PDO实现的SQLite操作类>中的SQLite数据库操作类. 代码: <?php class ...

  5. Django 实现分页功能（django 2.2.7 python 3.7.5 ）

    Django 自带名为 Paginator 的分页工具, 方便我们实现分页功能.本文就讲解如何使用 Paginator 实现分页功能. 一. Paginator Paginator 类的作用是将我们需 ...

  6. 基于SSM框架的简易的分页功能——包含maven项目的搭建

    新人第一次发帖,有什么不对的地方请多多指教~~ 分页这个功能经常会被使用到,我之前学习的时候找了很多资源,可都看不懂(笨死算了),最后还是在朋友帮助下做出了这个分页.我现在把我所能想到的知识 做了一个 ...

  7. .NET基于分页控件实现真分页功能

    下面利用分页控件实现分页功能.分页控件下载网址:http://www.webdiyer.com/ 从该网址下载AspNetPager.dll后,在VS2008中在工具箱中,右键 —> 选择项 — ...

  8. Python odoo中嵌入html简单的分页功能

    在odoo中,通过iframe嵌入 html,页面数据则通过controllers获取,使用jinja2模板传值渲染 html页面分页内容,这里写了判断逻辑 <!-- 分页 -->< ...

  9. 性能测试 基于Python结合InfluxDB及Grafana图表实时采集Linux多主机性能数据

    基于Python结合InfluxDB及Grafana图表实时采集Linux多主机性能数据   by:授客 QQ:1033553122 实现功能 测试环境 环境搭建 使用前提 使用方法 运行程序 效果展 ...

随机推荐

  1. 原生js点击按钮切换图片

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

  2. kali linux 使用笔记本快捷键调节音量

    环境:kali 2018.3a(xface桌面版),自带PulseAudio控制音量. 以前在windows时笔记本是Fn+F1这些来调节音量的,装了kali后原来调节亮度.触控板的键还能用,唯独音量 ...

  3. 如何在Ubuntu 18.04上安装Pip

    一.简介: Pip是一个软件包管理系统,它简化了用Python编写的软件包(如Python包索引(PyPI)中的软件包)的安装和管理. 在Ubuntu 18.04上缺省没有安装Pip,但安装非常简单. ...

  4. react state成员

    组件中包括state,props与render成员函数. react中,主要通过定义state,根据不同state渲染对应用户界面. 过程调用了成员函数setState(data,callback). ...

  5. [大数据面试题]hadoop核心知识点

    * 面试答案为LZ所写,如需转载请注明出处,谢谢. * 这里不涉及HiveSQL和HBase操作的笔试题,这些东西另有总结. 1.MR意义. MR是一个用于处理大数据的分布式离线计算框架,它采用”分而 ...

  6. f-stack中ipc传递指针从应用中读取信息时挂掉

    f-stack中ipc传递指针从应用中读取信息时挂掉 如:创建bridge0./ifconfig bridge0 create./ifconfig f-stack-0 down./ifconfig f ...

  7. MS17-010漏洞复现

     攻击机:192.168.148.132  kali linux2018.2  x64 靶机:192.168.1.129    win7   x64 首先用msfconsole的smb模块扫描,看看是 ...

  8. padding和margin——内边距和外边距

    一.padding——内边距(内填充) 1.1.padding 简写属性在一个声明中设置所有填充属性.该属性可以有1到4个值. <style> div.outer{ width: 400p ...

  9. 将多窗体应用程序改造为仿Chrome形式的简易方法

    需求 在我们现有的ERP应用中,他是基于WinForm设计的,在早期的设计中,我们每打开一个作业,就会新建一个窗口,就像这样: 当我们打开很多的作业时,用户要通过Windows的任务栏慢慢找到,当然, ...

  10. C#生成.tlb文件初认识

    刚接手同事的代码,生成文件时,发现生成了一个对应的dll文件(应用程序中输出类型为类库),和一个对应的.tlb文件,但是报如下的错误: 那么.tlb文件是如何生成的呢? 选择项目->右键属性-& ...