自定义分页器

自定义分页器方式一,效果图如下:

代码如下:

#!/usr/bin/env python
# -*- coding:utf-8 -*-
# Author: Xiaobai Lei
import copy


class MyPagination(object):
    """自定义分页器"""

    def __init__(self, current_page_num, all_count, request, per_page_num=10, pager_show_count=9):
        """
        :param current_page_num:  当前用户选择的页数
        :param all_count:  数据库中数据的总数
        :param request:  用户提交的数据集合(主要是要拿用户请求的参数)
        :param per_page_num:  每页显示的条数
        :param pager_show_count:  最多显示的页码个数
        """

        try:
            # 如果用户输入的是非数字,则默认显示第一页
            current_page_num = int(current_page_num)
        except Exception as e:
            current_page_num = 1

        if current_page_num < 1:
            # 如果小于1页码无效,也返回第一页
            current_page_num = 1

        self.current_page_num = current_page_num
        self.all_count = all_count
        self.per_page_num = per_page_num
        self.url_params = copy.deepcopy(request.GET)

        # 计算得到总页数
        all_count_pager, tmp = divmod(all_count, per_page_num)
        if tmp:
            all_count_pager += 1
        self.all_count_pager = all_count_pager

        self.pager_show_count = pager_show_count
        self.pager_show_half_count = (self.pager_show_count - 1) // 2

    @property
    def start(self):
        """当前页数据切片的起点"""
        return (self.current_page_num - 1) * self.per_page_num

    @property
    def end(self):
        """当前页数据切片的终点"""
        return self.current_page_num * self.per_page_num

    def page_main(self):
        """根据用户自定义显示分页条"""
        # 如果总页数小于最多显示的页码个数,就显示全部
        if self.all_count_pager <= self.pager_show_count:
            pager_start = 1
            pager_end = self.all_count_pager + 1
        else:
            # 当页面如果<=页面页码一半的时候,页面页码不发生变化
            if self.current_page_num <= self.pager_show_half_count:
                pager_start = 1
                pager_end = self.pager_show_count + 1
            else:
                # 当页码翻到最后时
                if (self.current_page_num + self.pager_show_half_count) > self.all_count_pager:
                    pager_start = self.all_count_pager - self.pager_show_count + 1
                    pager_end = self.all_count_pager + 1
                else:
                    pager_start = self.current_page_num - self.pager_show_half_count
                    pager_end = self.current_page_num + self.pager_show_half_count + 1

        # 存放分页的所有html标签
        page_html_list = []

        self.url_params['page'] = 1
        first_page = '<li><a href="?%s">首页</a></li>' % (self.url_params.urlencode())
        page_html_list.append(first_page)

        if self.current_page_num <= 1:
            prev_page = '<li class="disabled"><a href="javascript:void(0);">上一页</a></li>'
        else:
            self.url_params['page'] = self.current_page_num - 1
            prev_page = '<li><a href="?%s">上一页</a></li>' % (self.url_params.urlencode())
        page_html_list.append(prev_page)

        for i in range(pager_start, pager_end):
            self.url_params['page'] = i
            if i == self.current_page_num:
                temp = '<li class="active"><a href="?%s">%s</a></li>' % (self.url_params.urlencode(), i)
            else:
                temp = '<li><a href="?%s">%s</a></li>' % (self.url_params.urlencode(), i)
            page_html_list.append(temp)

        if self.current_page_num >= self.all_count_pager:
            next_page = '<li class="disabled"><a href="javascript:void(0);">下一页</a></li>'
        else:
            self.url_params['page'] = self.current_page_num + 1
            next_page = '<li><a href="?%s">下一页</a></li>' % (self.url_params.urlencode())
        page_html_list.append(next_page)

        self.url_params['page'] = self.all_count_pager
        last_page = '<li><a href="?%s">尾页</a></li>' % (self.url_params.urlencode())
        page_html_list.append(last_page)

        return ''.join(page_html_list)

方式二,效果图如下:

个人比较喜欢第二种,当然还可以在后面加个用户输入第几页就跳转第几页,代码如下:

#!/usr/bin/env python
# -*- coding:utf-8 -*-
# Author: Xiaobai Lei
import copy


class MyPagination(object):
    """自定义分页器"""

    def __init__(self, current_page_num, all_count, request, per_page_num=10, pager_show_count=9):
        """
        :param current_page_num:  当前用户选择的页数
        :param all_count:  数据库中数据的总数
        :param request:  用户提交的数据集合(主要是要拿用户请求的参数)
        :param per_page_num:  每页显示的条数
        :param pager_show_count:  最多显示的页码个数
        """

        try:
            # 如果用户输入的是非数字,则默认显示第一页
            current_page_num = int(current_page_num)
        except Exception as e:
            current_page_num = 1

        if current_page_num < 1:
            # 如果小于1页码无效,也返回第一页
            current_page_num = 1

        self.current_page_num = current_page_num
        self.all_count = all_count
        self.per_page_num = per_page_num
        self.url_params = copy.deepcopy(request.GET)

        # 计算得到总页数
        all_count_pager, tmp = divmod(all_count, per_page_num)
        if tmp:
            all_count_pager += 1
        self.all_count_pager = all_count_pager

        self.pager_show_count = pager_show_count
        self.pager_show_half_count = (self.pager_show_count - 1) // 2

    @property
    def start(self):
        """当前页数据切片的起点"""
        return (self.current_page_num - 1) * self.per_page_num

    @property
    def end(self):
        """当前页数据切片的终点"""
        return self.current_page_num * self.per_page_num

    def page_main(self):
        """根据用户自定义显示分页条"""
        page_num_list = []
        # 如果总页数小于最多显示的页码个数,就显示全部
        if self.all_count_pager <= self.pager_show_count:
            page_num_list = list(range(1, self.all_count_pager + 1))
        else:
            # 当前页面如果<=页面页码一半的时候,页面页码不发生变化
            if self.current_page_num  <= self.pager_show_half_count + 1:
                page_num_list = list(range(1, self.pager_show_count))
                page_num_list.append('...')
                page_num_list.append(self.all_count_pager)
            else:
                # 当页码翻到最后时
                if (self.current_page_num + self.pager_show_half_count) >= self.all_count_pager:
                    page_num_list.append(1)
                    page_num_list.append('...')
                    page_num_list.extend(list(range(self.all_count_pager - self.pager_show_count + 1 + 1 , self.all_count_pager + 1)))
                else:
                    page_num_list.append(1)
                    page_num_list.append('...')
                    page_num_list.extend(list(range(self.current_page_num - self.pager_show_half_count +1, self.current_page_num + self.pager_show_half_count )))
                    page_num_list.append('...')
                    page_num_list.append(self.all_count_pager)

        # 存放分页的所有html标签
        page_html_list = []


        if self.current_page_num <= 1:
            prev_page = '<li class="disabled"><a href="javascript:void(0);">上一页</a></li>'
        else:
            self.url_params['page'] = self.current_page_num - 1
            prev_page = '<li><a href="?%s">上一页</a></li>' % (self.url_params.urlencode())
        page_html_list.append(prev_page)

        for i in page_num_list:
            if i == "...":
                temp = '<li class="disabled"><a href="javascript:void(0);">%s</a></li>' % (i)
                page_html_list.append(temp)
                continue
            self.url_params['page'] = i
            if i == self.current_page_num:
                temp = '<li class="active"><a href="?%s">%s</a></li>' % (self.url_params.urlencode(), i)
            else:
                temp = '<li><a href="?%s">%s</a></li>' % (self.url_params.urlencode(), i)
            page_html_list.append(temp)

        if self.current_page_num >= self.all_count_pager:
            next_page = '<li class="disabled"><a href="javascript:void(0);">下一页</a></li>'
        else:
            self.url_params['page'] = self.current_page_num + 1
            next_page = '<li><a href="?%s">下一页</a></li>' % (self.url_params.urlencode())
        page_html_list.append(next_page)


        return ''.join(page_html_list)

在试图中使用如下:

from bms.myfunction import MyPagination

# 在函数或类中
    current_page_num = request.GET.get('page')
    paginator = MyPagination(current_page_num, book_list.count(), request, per_page_num=10, pager_show_count=9)
    book_list = book_list[paginator.start:paginator.end]
    return render(request, "bms/books/book.html",{'book_list': book_list,'paginator':paginator,'publish_list': publish_list,"author_list":author_list})

在templates下html可以这么写,用到了bootstrap样式:

<nav aria-label="Page navigation" style="text-align: center">
        <ul class="pagination" style="margin-top: 0;">
            {{ paginator.page_main|safe }}
        </ul>
</nav>