专栏首页python3Django自定义分页

Django自定义分页

分页

自定义分页

稳扎稳打版

def book(request):
    # 从URL取参数(访问的页码)
    page_num = request.GET.get("page")
    try:
        # 将取出的page转换为int类型
        page_num = int(page_num)
    except Exception as e:
        # 当输入的页码不是正经数字的时候 默认返回第一页的数据
        page_num = 1

    # 数据库总数据是多少条
    total_count = models.Book.objects.all().count()

    # 每一页显示多少条数据
    per_page = 10

    # 总共需要多少页码来展示
    total_page, m = divmod(total_count, per_page)
    if m:
        total_page += 1

    # 如果输入的页码数超过了最大的页码数,默认返回最后一页
    if page_num > total_page:
        page_num = total_page

    # 定义两个变量从哪里开始到哪里结束
    data_start = (page_num - 1) * 10
    data_end = page_num * 10

    # 页面上总共展示多少页码
    max_page = 11
    if total_page < max_page:
        max_page = total_page

    # 把从URL中获取的page_num 当做是显示页面的中间值, 那么展示的便是当前page_num 的前五页和后后五页
    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_str_list = []

    # # 加上首页
    html_str_list.append('<li><a href="/book/?page=1">首页</a></li>')

    # 断一下 如果是第一页,就没有上一页
    if page_num <= 1:
        html_str_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">&laquo;</span></a></li>')
    else:
        # 不是第一页,就加一个上一页的标签
        html_str_list.append('<li><a href="/book/?page={}"><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:
            tmp = '<li class="active"><a href="/book/?page={0}">{0}</a></li>'.format(i)
        else:
            tmp = '<li><a href="/book/?page={0}">{0}</a></li>'.format(i)

        html_str_list.append(tmp)

    # 判断,如果是最后一页,就没有下一页
    if page_num >= total_page:
        html_str_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">&raquo;</span></a></li>')
    else:
        # 不是最后一页, 就加一个下一页标签
        html_str_list.append('<li><a href="/book/?page={}"><span aria-hidden="true">&raquo;</span></a></li>'.format(page_num + 1))

    # 加上尾页
    html_str_list.append('<li><a href="/book/?page={}">尾页</a></li>'.format(total_page))

    page_html = "".join(html_str_list)
    return render(request, "book.html", {"all_book":all_book, "page_html":page_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>
            <th>时间</th>
        </tr>
        {% for book in all_book %}
        <tr>
            <td>{{ forloop.counter }}</td>
            <td>{{ book.id }}</td>
            <td>{{ book.name }}</td>
            <td>{{ book.date }}</td>
        </tr>
        {% endfor %}
    </thead>
</table>
<nav aria-label="Page navigation">
  <ul class="pagination">
      {{ page_html|safe }}
  </ul>
</nav>
</div>
</body>
</html>

book.html

封装保存版

class Page(object):
    def __init__(self, page_num, total_count, url_prefix, per_page=10, max_page=11):
        """
        :param page_num: 当前页码数
        :param total_count: 数据总数
        :param url_prefix: a标签href的前缀
        :param per_page: 每页显示多少条数据
        :param max_page: 页面上最多显示几个页码
        """
        self.url_prefix = url_prefix
        self.max_page = max_page
        # 总共需要多少页码来展示
        total_page, m = divmod(total_count, per_page)
        if m:
            total_page += 1
        self.total_page = total_page

        try:
            # 将取出的page转换为int类型
            page_num = int(page_num)
        except Exception as e:
            # 当输入的页码不是正经数字的时候 默认返回第一页的数据
            page_num = 1
        # 如果输入的页码数超过了最大的页码数,默认返回最后一页
        if page_num > total_page:
            page_num = total_page
        self.page_num = page_num

        # 定义两个变量保存数据从哪儿取到哪儿
        self.data_start = (page_num - 1) * 10
        self.data_end = page_num * 10

        # 页面上总共展示多少页码
        if total_page < self.max_page:
            self.max_page = total_page

        half_max_page = self.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 = self.max_page
        # 如果 当前页 加 一半 比总页码数还大, 不然页面上会显示比总页码还大的多余页码
        if page_end >= total_page:
            page_end = total_page
            page_start = total_page - self.max_page + 1
        self.page_start = page_start
        self.page_end = page_end

    @property
    def start(self):
        return self.data_start

    @property
    def end(self):
        return self.data_end

    def page_html(self):
        # 自己拼接分页的HTML代码
        html_str_list = []
        # # 加上首页
        html_str_list.append('<li><a href="{}?page=1">首页</a></li>'.format(self.url_prefix))
        # 断一下 如果是第一页,就没有上一页
        if self.page_num <= 1:
            html_str_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">&laquo;</span></a></li>')
        else:
            # 不是第一页,就加一个上一页的标签
            html_str_list.append('<li><a href="{}?page={}"><span aria-hidden="true">&laquo;</span></a></li>'.format(self.url_prefix, self.page_num - 1))

        for i in range(self.page_start, self.page_end + 1):
            # 如果是当前页就加一个active样式类
            if i == self.page_num:
                tmp = '<li class="active"><a href="{0}?page={1}">{1}</a></li>'.format(self.url_prefix, i)
            else:
                tmp = '<li><a href="{0}?page={1}">{1}</a></li>'.format(self.url_prefix, i)

            html_str_list.append(tmp)

        # 判断,如果是最后一页,就没有下一页
        if self.page_num >= self.total_page:
            html_str_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">&raquo;</span></a></li>')
        else:
            # 不是最后一页, 就加一个下一页标签
            html_str_list.append('<li><a href="{}?page={}"><span aria-hidden="true">&raquo;</span></a></li>'.format(self.url_prefix, self.page_num + 1))

        # 加上尾页
        html_str_list.append('<li><a href="{}?page={}">尾页</a></li>'.format(self.url_prefix, self.total_page))

        page_html = "".join(html_str_list)
        return page_html

封装保存版

def publisher(request):
    page_num = request.GET.get("page")
    total_count = models.Publisher.objects.all().count()
    # 调用封装的Page类,传入相应的参数
    page_obj = Page(page_num, total_count, url_prefix="/publisher/", per_page=10, max_page=11)
    all_publisher = models.Publisher.objects.all()[page_obj.start:page_obj.end]
    page_html = page_obj.page_html()
    return render(request, "publisher.html", {"publisher": all_publisher, "page_html": page_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>
            <td>序列号</td>
            <td>ID值</td>
            <td>出版社</td>
            <td>时间</td>
        </tr>
        </thead>
        <tbody>
        {% for pub in publisher %}
            <tr>
                <th>{{ forloop.counter }}</th>
                <th>{{ pub.id }}</th>
                <th>{{ pub.name }}</th>
                <th>{{ pub.date }}</th>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <nav aria-label="Page navigation">
        <ul class="pagination">
            {{ page_html|safe }}
        </ul>
    </nav>
</div>
</body>
</html>

封装版对应的HTML参考

效果图如下:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • CRM之分页

      分页功能在网页中是非常常见的一个功能,其作用也就是将数据分割成多个页面来进行显示。

    py3study
  • python 分页

            class UserList(models.Model):             username = models.CharField(ma...

    py3study
  • Python自动化开发学习21-Djan

    在url.py里,除了默认会传一个request给处理函数,还可以传递额外的参数,把一个字典作为第三个参数传入,之后就可以在处理函数里取到对应的值:

    py3study
  • optimize 回收表空间的一些说明

    线上服务器,有张大表需要用pt-archiver根据时间划分归档大量数据到另一个新表中。原先200G的表,在归档完成后,du -hs 显示依然是200G的大小,...

    二狗不要跑
  • django 分页

    https://www.jianshu.com/p/77a8ea421e22 https://blog.csdn.net/weixin_42134789/ar...

    晴天Online
  • 13.Django基础之django分页

      我们使用脚本批量创建一些测试数据(将下面的代码保存到bulk_create.py文件中放到Django项目的根目录,直接执行即可。):

    changxin7
  • CRM之分页

      分页功能在网页中是非常常见的一个功能,其作用也就是将数据分割成多个页面来进行显示。

    py3study
  • PhantomJS

    有时,我们需要浏览器处理网页,但并不需要浏览,比如生成网页的截图、抓取网页数据等操作。PhantomJS的功能,就是提供一个浏览器环境的命令行接口,你可以把它看...

    周小董
  • python 分页

            class UserList(models.Model):             username = models.CharField(ma...

    py3study
  • Linux内存描述之内存页面page--Linux内存管理(四)

    分页单元可以实现把线性地址转换为物理地址, 为了效率起见, 线性地址被分为固定长度为单位的组, 称为”页”, 页内部的线性地址被映射到连续的物理地址. 这样内核...

    233333

扫码关注云+社区

领取腾讯云代金券