Django分页组件

"""
自定义分页组件de使用
实例:
1、视图函数中
def num_list(request):
    # 根据需要获取数据库的数据
    queryset = models.PrettyNum.objects.all()
    # 分页
    page = Pageination(request, queryset, page_param="关键字", page_size=*一页的大小, plus=*显示的页码数)
    re_dict = {
        "queryset": page.queryset,  # 分完页的数据(当前页)
        "page_string": page.html(), # 页码显示
    }
    return render(request, 'num_list.html', re_dict)

2、html中
    显示分页后的数据
        {% for obj in queryset%}
            <tr>
                <td>{{obj.id}}</td>
                <td>{{obj.mobile}}</td>
                <td>{{obj.price}}</td>
                <td>{{obj.get_level_display}}</td>
                <td>{{obj.get_status_display}}</td>
            </tr>
        {% endfor %}

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

"""
import copy

from django.utils.safestring import mark_safe


class Pageination(object):

    def __init__(self, request, queryset, page_param="page", page_size=10, plus=5):
        """"
        :param request: 请求的对象
        :param queryset: 符合的数据(根据这个数据分页)
        :param page_param: 在URl中获取分页的参数(/etty/list/?page=12)
        :param page_size: 每页显示多少数据
        :param plus: 显示当前页 前或后几页

        """
        # 拼接查询条件 ?q=888&xx=123&page=12 QueryDict:{'q':['888'],'xx':['123']} 有中括号【】
        quey_dict = copy.deepcopy(request.GET)
        quey_dict._mutable =True
        self.quey_dict = quey_dict
        # 当前页page
        self.page_param = page_param
        page = request.GET.get(self.page_param, "1")
        if page.isdecimal():
            self.page = int(page)
        else:
            self.page = 1

        self.page_size = page_size
        self.start = (self.page - 1) * self.page_size
        self.end = self.page * self.page_size
        # 获取当前页的这几个数据
        self.queryset = queryset[self.start:self.end]

        # 总页码数
        count = queryset.count()
        self.page_count, div = divmod(count, page_size)
        if div:
            self.page_count += 1

        # 计算出当前页的前后五页
        self.plus = plus
        if self.page_count <= 2 * self.plus + 1:
            self.start_page = 1
            self.end_page = self.page_count + 1
        else:
            # 数据比较多的情况
            if self.page <= 5:
                self.start_page = 1
                self.end_page = 2 * self.plus + 1
            elif self.page + self.plus >= self.page_count:
                self.start_page = self.page_count - 2 * self.plus
                self.end_page = self.page_count
            else:
                self.start_page = self.page - self.plus
                self.end_page = self.page + self.plus + 1

    def html(self):

        # 页码显示
        page_str_list = []
        # 上一页
        if self.page > 1:
            self.quey_dict.setlist(self.page_param,[self.page-1])
            ele = '<li ><a href="?{}">上一页</a></li>'.format(self.quey_dict.urlencode())
        else:
            self.quey_dict.setlist(self.page_param, [1])
            ele = '<li ><a href="?{}">上一页</a></li>'.format(self.quey_dict.urlencode())
        page_str_list.append(ele)
        # 页码条
        for i in range(self.start_page, self.end_page):
            if i == self.page:
                self.quey_dict.setlist(self.page_param, [i])
                ele = '<li class="active"><a href="?{}">{}</a></li>'.format(self.quey_dict.urlencode(), i)
            else:
                self.quey_dict.setlist(self.page_param, [i])
                ele = '<li><a href="?{}">{}</a></li>'.format(self.quey_dict.urlencode(), i)
            page_str_list.append(ele)
        # 下一页
        if self.page == self.page_count:
            self.quey_dict.setlist(self.page_param, [self.page])
            ele = '<li ><a href="?{}">下一页</a></li>'.format(self.quey_dict.urlencode())
        else:
            self.quey_dict.setlist(self.page_param, [self.page+1])
            ele = '<li ><a href="?{}">下一页</a></li>'.format(self.quey_dict.urlencode())
        page_str_list.append(ele)
        # 页码合在一起
        ele = """
                <div style=" width:300px;">
                <form method="get">
                    <div class="input-group">
                        <input type="text" name="page" class="form-control" placeholder="page" value="">
                        <span class="input-group-btn">
                                <button class="btn btn-default" type="submit">
                                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
                            </span>
                    </div>
                </form>
                </div>
        """

        page_str_list.append(ele)
        page_string = mark_safe("".join(page_str_list))

        return page_string




ps:仅供自己做学习笔记用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值