分頁器插件

分頁器的主體封裝進一個類中，調用時將該類實例化后傳入前端即可

 

page.py  寫有分頁器主體的類的文件

"""
自定義分頁組件的使用方法：

######################### django用法 ########################
    pager_obj = Pagination(request.GET.get('page',1),len(HOST_LIST),request.path_info,request.GET，per_page_zount=5，max_pager_count=11)
                            當前頁（默認為1）       總數據量（從數據庫取） 當前url（不帶問號） ？后面的內容  每頁顯示的數據數   最多顯示的頁碼數量
    host_list = HOST_LIST[pager_obj.start:pager_obj.end]
    html = pager_obj.page_html()
    return render(request,'hosts.html',{'host_list':host_list,"page_html":html})


####################### Flask用法 ###########################
　　pager_obj=Pagination(request.args.get('page',1),len(HOST_LIST),request.path,request.args,per_page_count=10)
　　print(request.args)
　　host_list=HOST_LIST[pager_obj.start:pager_obj.end]
　　html=pager_obj.page_html()
　　return=render_template('pager.html',host_list=host_list,page_html=html,condition=path)

"""

class Pagination(object):
    """
    自定義分頁
    """
    def __init__(self,current_page,total_count,base_url,params,per_page_count=10,max_pager_count=11):
        try:
            current_page = int(current_page)
        except Exception as e:
            current_page = 1
        if current_page <=0:
            current_page = 1
        self.current_page = current_page
        # 數據總條數
        self.total_count = total_count

        # 每頁顯示10條數據
        self.per_page_count = per_page_count

        # 頁面上應該顯示的最大頁碼
        max_page_num, div = divmod(total_count, per_page_count)
        if div:
            max_page_num += 1
        self.max_page_num = max_page_num

        # 頁面上默認顯示11個頁面（當前頁在中間）
        self.max_pager_count = max_pager_count
        self.half_max_pager_count = int((max_pager_count - 1) / 2)

        # URL前綴
        self.base_url = base_url

        # request.GET
        import copy
        params = copy.deepcopy(params)
        params._mutable = True
        # 包含當前列表頁面所有的搜索條件
        # {source:[2,], status:[2], gender:[2],consultant:[1],page:[1]}
        # self.params[page] = 8
        # self.params.urlencode()
        # source=2&status=2&gender=2&consultant=1&page=8
        # href="/hosts/?source=2&status=2&gender=2&consultant=1&page=8"
        # href="%s?%s" %(self.base_url,self.params.urlencode())
        self.params = params

    @property
    def start(self):
        return (self.current_page - 1) * self.per_page_count

    @property
    def end(self):
        return self.current_page * self.per_page_count

    def page_html(self):
        # 如果總頁數 <= 11
        if self.max_page_num <= self.max_pager_count:
            pager_start = 1
            pager_end = self.max_page_num
        # 如果總頁數 > 11
        else:
            # 如果當前頁 <= 5
            if self.current_page <= self.half_max_pager_count:
                pager_start = 1
                pager_end = self.max_pager_count
            else:
                # 當前頁 + 5 > 總頁碼
                if (self.current_page + self.half_max_pager_count) > self.max_page_num:
                    pager_end = self.max_page_num
                    pager_start = self.max_page_num - self.max_pager_count + 1
                else:
                    pager_start = self.current_page - self.half_max_pager_count
                    pager_end = self.current_page + self.half_max_pager_count

        page_html_list = []
        # {source:[2,], status:[2], gender:[2],consultant:[1],page:[1]}
        self.params['page'] = 1
        first_page = '<li><a href="%s?%s">首頁</a></li>' % (self.base_url,self.params.urlencode(),)
        page_html_list.append(first_page)
        # 上一頁

        if self.current_page==1:
            prev_page = '<li class="disabled"><a >上一頁</a></li>'
        else:
            self.params['page'] = self.current_page - 1
            prev_page='<li><a href="%s?%s">上一頁</a></li>' % (self.base_url,self.params.urlencode(),)
        page_html_list.append(prev_page)



        #當前頁
        for i in range(pager_start, pager_end + 1):
            self.params['page'] = i
            if i == self.current_page:
                temp = '<li class="active"><a  href="%s?%s">%s</a></li>' % (self.base_url,self.params.urlencode(), i,)
            else:
                temp = '<li><a href="%s?%s">%s</a></li>' % (self.base_url,self.params.urlencode(), i,)
            page_html_list.append(temp)

        # 下一頁

        if self.current_page==self.max_page_num:
            next_page = '<li class="disabled"><a >下一頁</a></li>'
        else:
            self.params['page'] = self.current_page + 1
            next_page = '<li><a href="%s?%s">下一頁</a></li>' % (self.base_url, self.params.urlencode(),)
        page_html_list.append(next_page)


        self.params['page'] = self.max_page_num
        last_page = '<li><a href="%s?%s">尾頁</a></li>' % (self.base_url, self.params.urlencode(),)
        page_html_list.append(last_page)

        return ''.join(page_html_list)

 

在前端頁面中只需將傳入的兩個參數展現出來即可

{#    可導入bootstrap進行優化#}

           <div>{{ host_list }}</div>


            <div class="pager">
                <nav aria-label="Page navigation">
                    <ul class="pagination">

                        {{ page_html|safe }}
                    </ul>
                </nav>
            </div>