zoukankan      html  css  js  c++  java
  • 分页器插件

    分页器的主体封装进一个类中,调用时将该类实例化后传入前端即可

    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>        
  • 相关阅读:
    Python中的logging模块
    Windows 域(domain)
    linux下查看某软件是否已安装, ubuntu安装deb包
    linux之iptables
    linux之flock函数锁文件
    《上班赚钱,下班理财》
    Get the image file(s) some informations,Including the Make,Model,Date/Time,etc
    java中的Integer的toBinaryString()方法
    面试题中遇到的SQL题目
    get和post方法的区别
  • 原文地址:https://www.cnblogs.com/zhuminghui/p/8494643.html
Copyright © 2011-2022 走看看