当前位置： 首页 > article >正文

分页功能组件开发

article 2025/2/23 14:13:11

分页功能组件开发

一、前言

在进行pythonWeb的开发的过程中，常常用到分页功能，我刚开始进行分页功能开发的时候没有将这个功能单独分开，导致代码的逻辑界面比较复杂。为了给每个页面进行分页功能的开发，同时避免重复编写代码，使得代码更加简介，本文主要讲解了基于Django的PythonWeb的分页功能的开发。后续读者在编写项目的时候可以直接拿来用。

二、代码部分

""""
自定义分页组件，之后如果想使用这个分页组件，你需要做如下的事情：
在视图函数中：
def mobile_list(request):

    # 1. 筛选自的情况去筛选自己的数据
    queryset = models.MobileInfo.objects.filter。all()

    # 2. 实例化分页对象
    page_object = Pagination(request,queryset)


    context = {
        'queryset': page_object.page_queryset,   # 分完页的数据
        "page_string": page_object.html()   # 生成所有的页码
    }
    return render(request, 'mobile_list.html', context)

在HTML页面中进行如下编写
      // 数据的循环展示
      {% for obj in queryset %}
            {{ obj.id }}
      {% endfor %}

      // 页码的展示
      <ul class="pagination">
        {{ page_string }}
      </ul>
"""

from django.utils.safestring import mark_safe
import copy

class Pagination(object):
    def __init__(self, request, queryset, page_size=10, page_param="page", plus=5):
        """
        :param request: 请求对象
        :param queryset: 查询数据（根据此进行分页）
        :param page_size: 每页多少条数据
        :param page_param: URL 参数中的分页参数
        :param plus: 当前页前后显示几页
        """
        query_dict = copy.deepcopy(request.GET)
        query_dict.mutable = True
        self.query_dict = query_dict

        self.params = page_param
        page = request.GET.get(page_param, 1)
        if str(page).isdecimal():
            page = int(page)
        else:
            page = 1
        self.page = page
        self.page_size = page_size
        self.start = (page - 1) * page_size
        self.end = page * page_size
        self.page_queryset = queryset[self.start:min(self.end, len(queryset))]

        # 计算总页数
        total_count = queryset.count()
        self.total_page_count = (total_count + page_size - 1) // page_size
        self.plus = plus
        # # 总页码
        # total_count = queryset.count()
        # total_page_count, div = divmod(total_count, page_size)   ## divmod返回商和余数
        # if div:
        #     total_page_count += 1
        # self.total_page_count = total_page_count
        # self.plus = plus

    def html(self):
        # 计算页码区间
        if self.total_page_count <= 2 * self.plus + 1:
            start_page = 1
            end_page = self.total_page_count
        else:
            if self.page <= self.plus:
                start_page = 1
                end_page = 2 * self.plus + 1
            else:
                if (self.page + self.plus) > self.total_page_count:
                    start_page = self.total_page_count - 2 * self.plus
                    end_page = self.total_page_count
                else:
                    start_page = self.page - self.plus
                    end_page = self.page + self.plus

        # 页码生成
        page_str_list = []
        self.query_dict.setlist(self.params, [1])
        prev = f'<li><a href="?{self.query_dict.urlencode()}">首页</a></li>'
        page_str_list.append(prev)

        # 上一页
        if self.page > 1:
            self.query_dict.setlist(self.params, [self.page - 1])
            prev = f'<li><a href="?{self.query_dict.urlencode()}">上一页</a></li>'
        else:
            self.query_dict.setlist(self.params, [1])
            prev = f'<li><a href="?{self.query_dict.urlencode()}">上一页</a></li>'
        page_str_list.append(prev)

        # 页码
        for i in range(start_page, end_page + 1):
            self.query_dict.setlist(self.params, [i])
            if i == self.page:
                ele = f'<li class="active"><a href="?{self.query_dict.urlencode()}">{i}</a></li>'
            else:
                ele = f'<li><a href="?{self.query_dict.urlencode()}">{i}</a></li>'
            page_str_list.append(ele)

        # 下一页
        if self.page < self.total_page_count:
            self.query_dict.setlist(self.params, [self.page + 1])
            prev = f'<li><a href="?{self.query_dict.urlencode()}">下一页</a></li>'
        else:
            self.query_dict.setlist(self.params, [end_page])
            prev = f'<li><a href="?{self.query_dict.urlencode()}">下一页</a></li>'
        page_str_list.append(prev)

        # 尾页
        self.query_dict.setlist(self.params, [self.total_page_count])
        prev = f'<li><a href="?{self.query_dict.urlencode()}">尾页</a></li>'
        page_str_list.append(prev)

        page_string = mark_safe("".join(page_str_list))
        return page_string
""""
自定义分页组件，之后如果想使用这个分页组件，你需要做如下的事情：
在视图函数中：
def mobile_list(request):

    # 1. 筛选自的情况去筛选自己的数据
    queryset = models.MobileInfo.objects.filter。all()

    # 2. 实例化分页对象
    page_object = Pagination(request,queryset)


    context = {
        'queryset': page_object.page_queryset,   # 分完页的数据
        "page_string": page_object.html()   # 生成所有的页码
    }
    return render(request, 'mobile_list.html', context)

在HTML页面中进行如下编写
      // 数据的循环展示
      {% for obj in queryset %}
            {{ obj.id }}
      {% endfor %}

      // 页码的展示
      <ul class="pagination">
        {{ page_string }}
      </ul>
"""

from django.utils.safestring import mark_safe
import copy

class Pagination(object):
    def __init__(self, request, queryset, page_size=10, page_param="page", plus=5):
        """
        :param request: 请求对象
        :param queryset: 查询数据（根据此进行分页）
        :param page_size: 每页多少条数据
        :param page_param: URL 参数中的分页参数
        :param plus: 当前页前后显示几页
        """
        query_dict = copy.deepcopy(request.GET)
        query_dict.mutable = True
        self.query_dict = query_dict

        self.params = page_param
        page = request.GET.get(page_param, 1)
        if str(page).isdecimal():
            page = int(page)
        else:
            page = 1
        self.page = page
        self.page_size = page_size
        self.start = (page - 1) * page_size
        self.end = page * page_size
        self.page_queryset = queryset[self.start:min(self.end, len(queryset))]

        # 计算总页数
        total_count = queryset.count()
        self.total_page_count = (total_count + page_size - 1) // page_size
        self.plus = plus
        # # 总页码
        # total_count = queryset.count()
        # total_page_count, div = divmod(total_count, page_size)   ## divmod返回商和余数
        # if div:
        #     total_page_count += 1
        # self.total_page_count = total_page_count
        # self.plus = plus

    def html(self):
        # 计算页码区间
        if self.total_page_count <= 2 * self.plus + 1:
            start_page = 1
            end_page = self.total_page_count
        else:
            if self.page <= self.plus:
                start_page = 1
                end_page = 2 * self.plus + 1
            else:
                if (self.page + self.plus) > self.total_page_count:
                    start_page = self.total_page_count - 2 * self.plus
                    end_page = self.total_page_count
                else:
                    start_page = self.page - self.plus
                    end_page = self.page + self.plus

        # 页码生成
        page_str_list = []
        self.query_dict.setlist(self.params, [1])
        prev = f'<li><a href="?{self.query_dict.urlencode()}">首页</a></li>'
        page_str_list.append(prev)

        # 上一页
        if self.page > 1:
            self.query_dict.setlist(self.params, [self.page - 1])
            prev = f'<li><a href="?{self.query_dict.urlencode()}">上一页</a></li>'
        else:
            self.query_dict.setlist(self.params, [1])
            prev = f'<li><a href="?{self.query_dict.urlencode()}">上一页</a></li>'
        page_str_list.append(prev)

        # 页码
        for i in range(start_page, end_page + 1):
            self.query_dict.setlist(self.params, [i])
            if i == self.page:
                ele = f'<li class="active"><a href="?{self.query_dict.urlencode()}">{i}</a></li>'
            else:
                ele = f'<li><a href="?{self.query_dict.urlencode()}">{i}</a></li>'
            page_str_list.append(ele)

        # 下一页
        if self.page < self.total_page_count:
            self.query_dict.setlist(self.params, [self.page + 1])
            prev = f'<li><a href="?{self.query_dict.urlencode()}">下一页</a></li>'
        else:
            self.query_dict.setlist(self.params, [end_page])
            prev = f'<li><a href="?{self.query_dict.urlencode()}">下一页</a></li>'
        page_str_list.append(prev)

        # 尾页
        self.query_dict.setlist(self.params, [self.total_page_count])
        prev = f'<li><a href="?{self.query_dict.urlencode()}">尾页</a></li>'
        page_str_list.append(prev)

        page_string = mark_safe("".join(page_str_list))
        return page_string

三、注意事项

  1. 本组件是基于Django的pythonWeb开发。如果你使用其他语言开发分页功能，也可以参照本文的方法。

  2. 本文考虑到了 self.page_queryset 的切片逻辑可能有边界错误，我没有使用

    self.page_queryset = queryset[self.start:self.end]

    在这种情况下，如果 self.end 超过了 queryset 的长度（例如最后一页数据不足一页），可能会导致切片错误，或者返回多余的数据。您可以确保切片时不会超出查询集的范围。解决方法是：

    self.page_queryset = queryset[self.start:min(self.end, len(queryset))]

  3. total_page_count 提供了两种计算方式：

    total_count = queryset.count()
total_page_count, div = divmod(total_count, page_size) ##  divmod 返回的是商和余数。如果没有余数（即 div 为 0）
if div:
    total_page_count += 1

    total_page_count = (total_count + page_size - 1) // page_size  # 直接计算总页数

  4. 本文考虑到搜索框和分页功能的级联问题，在搜索框输入查询内容后，分页是在搜索出的内容是进行的。

    在这里插入图片描述

    代码实现：

            query_dict = copy.deepcopy(request.GET)
        query_dict.mutable = True
        self.query_dict = query_dict

    通过深拷贝来实现。


http://www.kler.cn/a/557594.html

相关文章：

  • 1688代采下单API接口使用指南：实现商品采集与自动化下单
  • 深度学习-5.卷积网络
  • npm、pnpm和yarn有什么区别
  • Matplotlib 高级图表绘制与交互式可视化（ipywidgets）
  • 【Windows系统node_modules删除失败(EPERM)问题解析与应对方案】
  • mysql之规则优化器RBO
  • 关于 Grok-3 大语言模型的研究
  • Web Worker终极优化指南：4秒卡顿→0延迟的实战蜕变
  • 【AcWing】动态规划-线性DP -选数异或
  • MapReduce 读取 Hive ORC ArrayIndexOutOfBoundsException: 1024 异常解决
  • python脚本（一）：飞书机器人实现新闻抓取与推送
  • socket()函数的概念和使用案例
  • Android：权限permission申请示例代码
  • C++ 设计模式-模板方法模式
  • 【Python】Python顺序语句经典题合集
  • java开发——为什么要使用动态代理？
  • hot100_74. 搜索二维矩阵
  • Unity FBXExport导出的FBX无法在Blender打开
  • ZT7 小红的排列构造
  • 【Python爬虫(46)】解锁分布式爬虫：实时数据处理的奥秘