Django自定义分页page函数（简洁）

╰+攻爆jí腚メ 2024-04-17 19:40 14阅读 0赞

最近在使用django框架，今天在做数据统计的时候用到了数据分页，第一时间看了django官方文档[https://docs.djangoproject.com/zh-hans/2.1/topics/pagination/][https_docs.djangoproject.com_zh-hans_2.1_topics_pagination]，django有自带的分页器自己试着使用了一下，感觉效果一般。所以就在网上找了一些有关django分页的文章，看了很多，各种方法都有但让我感觉最好的就是自定义分页函数，即可以很好的理解，也方便以后的使用。下面是函数介绍。

## 一、封装函数Page ##

class Page(object):
        def __init__(self, page_num, total_count,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">«</span></a></li>')
            else:
                # 不是第一页，就加一个上一页的标签
                html_str_list.append('<li><a href="{}?page={}"><span aria-hidden="true">«</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">»</span></a></li>')
            else:
                # 不是最后一页， 就加一个下一页标签
                html_str_list.append('<li><a href="{}?page={}"><span aria-hidden="true">»</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

在你的项目目录下创建一个新的文件夹utils，然后在该文件夹下创建page.py文件，将page函数复制进来即可。

![20191230153119482.png][]

## **二、调用函数** ##

from polls.models import *
    import requests
    from polls.utils.page import Page  #引入Page函数
    from django.shortcuts import render
    
    def index(request):
        """
        测试案例
        :param request:
        :return:
        """
    
        # 从URL取参数（访问的页码）
        page_num = request.GET.get("page")
    
        # 数据库总数据是多少条
        total_count = TbProjectDownload.objects.order_by('-time').all().count()
    
        # 调用封装的Page类，传入相应的参数
        page_obj = Page(page_num, total_count,per_page=25, max_page=10)
    
        data = TbProjectDownload.objects.order_by('-time').all()[page_obj.start:page_obj.end]
        page_html = page_obj.page_html()
    
        return render(request, "polls/index.html",{"data":data, "page_html":page_html})

## **四、模板引用** ##

<!DOCTYPE html>
    <html lang="en">
    <head>
        
        <link rel="stylesheet" href="../static/css/calendar.css">
        <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
        <script src="../static/js/jquery.min.js"></script>
    
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <div class="d-s1">
        <div class="d-s2">
            <table class="table table-bordered">
                <tr>
                    <th class="th-m">下载时间</th>
                    <th  class="th-m">下载次数</th>
                    <th  class="th-m">浏览</th>
                </tr>
                {% if data %}
                    {% for item in data %}
                        <tr>
                            <td class="td-c">{
       { item.time | time_format }}</td>
                            <td class="td-c">{
       { item.download_count }}</td>
                            <td class="td-c">{
       { 0 }}</td>
                        </tr>
                    {% endfor %}
                {% else %}
                    <p>No polls are available.</p>
                {% endif %}
            </table>
        </div>
    
        
        <div class="d-s3">
            <ul class="pagination">
                {
       { page_info.pager|safe }}
            </ul>
        </div>
    </div>
    </body>
    </html>

如图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L05BTkdFX0JPSw_size_16_color_FFFFFF_t_70][]

这样就OK了，如有问题可以在下方留言！

[https_docs.djangoproject.com_zh-hans_2.1_topics_pagination]: https://docs.djangoproject.com/zh-hans/2.1/topics/pagination/
[20191230153119482.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/0f30b88315ad489d99321dff77903bd7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L05BTkdFX0JPSw_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/77397e74d37841b1bc775048c4d1ed13.png