使用django框架实现分页、关键字查找效果

1、编写组件

"分页组件"
"""
使用的步骤
from app01.utils.pagination import  Pagination先导入
在视图函数中：
def num_list(request):
    根据自己的情况筛选数据
    queryset=models.PrettyNum.objects.filter(**data_dict).order_by("-level")
    实例化分页对象
    page_object=Pagination(request,queryset)
    context={
        "queryset":page_object.page_queryset,  分完页的数据
        "page_string":page_object.html()        生成页码

    }
    return render(request, "num_list.html", context)

html中
    <ul class="pagination">
            {{ page_string }}
    </ul>
"""

from django.utils.safestring import mark_safe

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中传递的获取分页的参数，例如：/num/list/?page=12
        :param plus: 显示当前页的前或后几页（页码）
        """
        from django.http.request import QueryDict
        import copy
        query_dict=copy.deepcopy(request.GET)
        query_dict._mutable=True
        self.query_dict=query_dict
        self.page_param=page_param

        page = request.GET.get(page_param, "1")
        # 判断是不是数字
        if 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:self.end]

        # 计算总页码
        total_count = queryset.count()
        total_page_count, div = divmod(total_count, page_size)
        if div:
            total_page_count += 1
        self.total_page_count = total_page_count
        self.plus = plus

    def html(self):
        # 计算出显示从1开始的页码(没有达到11页的时候)
        if self.total_page_count <= 2 * self.plus + 1:
            start_page = 1
            end_page = self.total_page_count
        else:
            # 当前页小于5时
            if self.page <= self.plus:
                start_page = 1
                end_page = 2 * self.plus + 1
            else:
                # 当前页+5>总页面
                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.page_param,[1])
        page_str_list.append('<li><a href="?{}">首页</a></li>'.format(self.query_dict.urlencode()))

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

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

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

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

        search_string = """
            <li>
                <form style="float:left;margin-left:-1px" method="get">
                    <input name="page"
                            style="position:relative;float:left;display:inline-block;width:80px;
                            border-radius:1px;margin-left:10px;margin-right:4px;margin-top:5px"
                            type="text class="form-control" placeholder="页码">
                    <button style="border-radius:0" class="btn btn-default" type="submit">跳转</button>
                </form>
            </li>
        
        """
        # 加到html页面中
        page_str_list.append(search_string)
        page_string=mark_safe("".join(page_str_list))
        return page_string

2、视图函数中内容

def num_list(request):
    # 创建300个数据
    # for i in range(300):
    #     models.PrettyNum.objects.create(mobile="12321567897",price=10,level=1,status=1)
    data_dict = {}
    search_data = request.GET.get('q', "")
    if search_data:
        data_dict["mobile__contains"] = search_data
    # prettynum = models.PrettyNum.objects.all()
    # 按照level排序，不加负号为从小到大，加上为从大到小
    # prettynum = models.PrettyNum.objects.all().order_by("-level")
    queryset = models.PrettyNum.objects.filter(**data_dict).order_by("-level")

    page_object = Pagination(request, queryset)
    context = {
        "search_data": search_data,
        "queryset": page_object.page_queryset,
        "page_string": page_object.html()

    }
    return render(request, "num_list.html", context)

3、html中需要添加的内容 

#搜索组件
<div style="float: right;width: 300px">
                    <form method="get">
                        <div class="input-group">
                            <input type="text" name="q" class="form-control" placeholder="Search for..." value="{{ search_data }}">
                            <span class="input-group-btn">
                            <button class="btn btn-default" type="submit">
                                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                            </button>
                            </span>
                        </div><!-- /input-group -->
                    </form>
</div>

#页码跳转组件
 <ul class="pagination" style="margin:auto auto; position:fixed; top:620px;left: 100px">
            {{ page_string }}
 </ul>

使用分页组件主要步骤：
from app01.utils.pagination import  Pagination先导入
在视图函数中：
def num_list(request):
    根据自己的情况筛选数据
    queryset=models.PrettyNum.objects.filter(**data_dict).order_by("-level")
    实例化分页对象
    page_object=Pagination(request,queryset)
    context={
        "queryset":page_object.page_queryset,  分完页的数据
        "page_string":page_object.html()        生成页码

    }
    return render(request, "num_list.html", context)

html中
    <ul class="pagination">
            {{ page_string }}
    </ul>