Python自定义-分页器

分页功能在每个网站都是必要的，对于分页来说，其实就是根据用户的输入计算出应该在数据库表中的起始位置。

1、设定每页显示数据条数

2、用户输入页码（第一页、第二页...）

3、根据设定的每页显示条数和当前页码，计算出需要取数据表的起始位置

4、在数据表中根据起始位置取值，页面上输出数据

通过bootcss实现分页图标样式



1.模板页引入bootcss 插件文件,定制显示样式

<head>

    {# 项目目录 需要 下载bootstrap相关插件 #}

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

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js "></script>

    <script src="/static/dist/js/bootstrap.js"></script>

    <style>

        .pager a{

            display: inline-block;

            padding: 3px 5px;

            margin: 0 3px;

            border: 1px solid #dddddd;

        }

        .pager a.active{

            background-color: cadetblue;

            color: white;

        }

    </style>

</head>

<body>

    <table>

        <thead>

            <tr>

                <th>ID</th>

                <th>主机名</th>

                <th>IP</th>

                <th>端口</th>

            </tr>

        </thead>

        <tbody>

            {% for row in host_list %}

                <tr>

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

                    <td>{{ row.hostname }}</td>

                    <td>{{ row.ip }}</td>

                    <td>{{ row.port }}</td>

                </tr>

            {% endfor %}

        </tbody>

    </table>

    {# 分页显示 #}

    <div class="pager">

       <ul class="pagination" id="pager">

            {{ page_html}}

       </ul>

    </div>

</body>

2.settings.py 设置静态文件的路径

STATIC_URL = '/static/'

STATICFILES_DIRS = (

    os.path.join(BASE_DIR, 'static'),

)

3.制作分页器模板

模板位置

# mark_safe 是将 html 格式代码传到 前端时，在页面可以直接渲染

from django.utils.safestring import mark_safe

class Pagination(object):

    def __init__(self, current_page, total_count, base_url, per_page_count=10, max_pager_num=11):

        """

        :param current_page: 用户请求的当前页

        :param total_count:  数据库中查询到的数据总条数

        :param base_url:    请求的 url 路径

        :param per_page_count: 每页显示的数据条数

        :param max_pager_num: 页面上最多显示的页码

        """

        # url 地址  “/host/”

        self.base_url = base_url

        # divmod(total_count, per_page_count)  总条数/每页显示条数   得到得 (商,余) 赋值给 total_page_count总页数, div余值

        total_page_count, div = divmod(total_count, per_page_count)

        if div:

            # 如果 div 有值 总页数 +1

            total_page_count += 1

        # total_page_count 总页数

        self.total_page_count = total_page_count

        # 判断当前 获取 得页码值

        try:

            current_page = int(current_page)

        except Exception as e:

            current_page = 1

        # 如果当前页，大于 总页数，当前页 = 总页数

        if current_page > total_page_count:

            current_page = total_page_count

        self.current_page = current_page

        self.per_page_count = per_page_count

        self.total_count = total_count

        self.max_pager_num = max_pager_num

        # 当前页前后 几个  页码

        self.half_max_pager_num = int(max_pager_num/2)

    @property

    def start(self):

        # 开始显示id 值 为 (当前页-1)*每页显示条数

        return (self.current_page - 1) * self.per_page_count

    @property

    def end(self):

        # 结束显示id 值 为 当前页*每页显示条数

        return self.current_page * self.per_page_count

    # html 具体显示内容

    def page_html(self):

        page_html_list = []

        # 首页

        head_page = "<li><a href='%s?page=%s'>首页</a></li>" %(self.base_url, 1)

        page_html_list.append(head_page)

        if self.current_page <= 1:

            prev = "<li><a href='#'>上一页</a></li>"

        else:

            prev = "<li><a href='%s?page=%s'>上一页</a></li>" % (self.base_url, self.current_page - 1,)

        page_html_list.append(prev)

        max_pager_num = 11

        half_max_pager_num = int(max_pager_num / 2)

        # 数据总页数 < 页面上最大显示的页码个数

        if self.total_page_count <= max_pager_num:

            page_start = 1

            page_end = self.total_page_count

        else:

            # 数据比较多，已经超过11个页码

            # 如果当前页 <=5,显示 1-11

            if self.current_page <= half_max_pager_num:

                page_start = 1

                page_end = max_pager_num

            else:

                # 当前页 >=6

                if (self.current_page + 5) > self.total_page_count:

                    page_end = self.total_page_count

                    # page_start = current_page - 5

                    page_start = self.total_page_count - max_pager_num + 1

                else:

                    page_start = self.current_page - half_max_pager_num  # 当前页 - 5

                    page_end = self.current_page + half_max_pager_num  # 当前页 + 5

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

            if self.current_page == i:

                tag = "<li><a class='active' href='%s?page=%s'>%s</a></li>" % (self.base_url, i, i,)

            else:

                tag = "<li><a href='%s?page=%s'>%s</a></li>" % (self.base_url, i, i,)

            page_html_list.append(tag)

        # 下一页

        if self.current_page >= self.total_page_count:

            nex = "<li><a href='#'>下一页</a></li>"

        else:

            nex = "<li><a href='%s?page=%s'>下一页</a><li>" % (self.base_url, self.current_page + 1,)

        page_html_list.append(nex)

        # 尾页

        tail_page = "<li><a href='%s?page=%s'>尾页</a></li>" % (self.base_url, self.total_page_count)

        page_html_list.append(tail_page)

        # 将拼接的页码数据 join 序列化 传到 模板

        # print("".join(page_html_list))

        return mark_safe("".join(page_html_list))

4.在视图函数中引用utils.pager 自定义模板

# 导入 通过 Pagination 封装的 分页功能 包

from utils.pager import Pagination

def host(request):

    # 统计出一共有多少条 数据

    all_count = models.Host.objects.all().count()

    # page_obj = Pagination 方法需要 3个 参数(请求当前页码，总数据条数，该应用路径)

    # page_obj = Pagination(request.GET.get('page'),all_count,'/host/')

    page_obj = Pagination(request.GET.get('page'),all_count,request.path_info)

    # host_list = models.Host.objects.all()[本页内容的开始,本页内容的结束]

    host_list = models.Host.objects.all()[page_obj.start:page_obj.end]

    # render(request, 页面, {展示内容，展示的 html页码})

    return render(request, 'host.html', {'host_list': host_list, 'page_html': page_obj.page_html()})

Python自定义-分页器的更多相关文章

  1. Django-choices字段值对应关系（性别）-MTV与MVC科普-Ajax发json格式与文件格式数据-contentType格式-Ajax搭配sweetalert实现删除确认弹窗-自定义分页器-批量插入-07

    目录 models 字段补充 choices 参数/字段(用的很多) MTV与MVC模型 科普 Ajax 发送 GET.POST 请求的几种常见方式 用 Ajax 做一个小案例 准备工作 动手用 Aj ...

  2. django中的自定义分页器

    1.什么是自定义分页器 当我们需要在前端页面展示的数据太多的时候,我们总不能将数据展示在一页上面吧!这时,我们就需要自定义一个分页器,将数据分成特定的页数进行展示,每一页展示固定条数的数据! 2.为什 ...

  3. python自定义pi函数的代码

    下边内容是关于python自定义pi函数的内容. def pi(): # Compute digits of Pi. # Algorithm due to LGLT Meertens. k, a, b ...

  4. swiper 自定义分页器的使用

    网上关于swiper 自定义分页器的方法比较多,但是已经不适合使用.它的API又比较坑爹,什么都是点到为止,不说清楚.因为要做一个产品颜色切换的效果,有黑与白两种颜色,因此尝试使用Swiper的自定义 ...

  5. django自定义分页器

    一 django 的分页器 1 批量创建数据 批量导入数据: Booklist=[] for i in range(100): Booklist.append(Book(title="boo ...

  6. Django分页器和自定义分页器

    一.自定义分页器 import copy class Pagination(): def __init__(self,request,current_page,all_data_num,each_pa ...

  7. python自定义mininet拓扑

    python自定义mininet拓扑 前言 闲来无聊,想到很早之前都是用GUI来自定义拓扑,这次用python来自定义一下(以前留下的苦果) 转自Mininet 自定义网络拓扑 过程相对简单 实现过程 ...

  8. vue中使用swiper并自定义分页器样式

    一,安装swiper 执行命令 npm install vue-awesome-swiper --save 二,引入swiper import {Swiper} from "vue-awes ...

  9. 2019年6月14日 Web框架之Django_07 进阶操作（MTV与MVC、多对多表三种创建方式、前后端传输数据编码格式contentType、ajax、自定义分页器）

    摘要 MTV与MVC 多对多表三种创建方式 ajax ,前后端传输数据编码格式contentType 批量插入数据和自定义分页器 一.MVC与MTV MVC(Model View Controller ...

随机推荐

  1. linux 安装matlab

    转自: https://www.cnblogs.com/Amedeo/archive/2018/06/03/9129925.html 一.下载“Crack”和”ISO”文件 下载地址如下所示:http ...

  2. 安卓虚拟机与Hyper-V冲突

    经过各种经验,哪个安卓虚拟机跟Hyper-V都存在着冲突. 解决方案一 程序中卸载Hyper-V,之后还要再配置太麻烦. 解决方案二 1.关掉Hyper-V的启动项,命令如下. bcdedit /se ...

  3. 20165325 2017-2018-2《Java程序设计》课程总结

    20165325 2017-2018-2<Java程序设计>课程总结 一.每周作业链接汇总 1.预备作业一:我期待的师生关系 20165325 期望的师生关系 简要内容: 我心中的好老师 ...

  4. go 单引号，双引号，反引号区别

    go里面双引号是字符串,单引号是字符,不存在单引号字符串. 但有反引号字符串,就是esc键下面1键左边tab键上面那个键,区别是反引号字符串允许换行符

  5. QML 从入门到放弃

    发现了一个问题: QQuickView only supports loading of root objects that derive from QQuickItem. If your examp ...

  6. C++ 11 snippets , 1

    1->创建7个Thread,跑个非常大的循环.观察CPU void func(string &name) { ;i<0xFFFFFFFF;i++) { //cout << ...

  7. 【转】python3解析库lxml

    转自:http://www.cnblogs.com/zhangxinqi/p/9210211.html 阅读目录 1.python库lxml的安装 2.XPath常用规则 (1)读取文本解析节点 (2 ...

  8. Python运维开发基础06-语法基础【转】

    上节作业回顾 (讲解+温习120分钟) #!/usr/bin/env python3 # -*- coding:utf-8 -*- # author:Mr.chen # 添加商家入口和用户入口并实现物 ...

  9. PC端的鼠标拖拽滑动

    1.滑块拖拽 html: <div id="div1"> js: <script> var oDiv=null; ; ; window.onload=fun ...

  10. 华为交换机有关BGP的相关配置

    作者:邓聪聪 上图是本人在某公司任职期间的一次割接任务,在原有的路由器上新配置的另一台高性能的路由器,两台设备为并行 割接要求: 1:原有的网络结构无变化,并行新设备 2:原有设备下的所有用户无变化 ...