zoukankan      html  css  js  c++  java
  • Django组件之分页器

    Django的分页器(paginator)

    view

    from django.shortcuts import render,HttpResponse
    
    # Create your views here.
    from app01.models import *
    from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger
    
    def index(request):
    
        '''
        批量导入数据:
    
        Booklist=[]
        for i in range(100):
            Booklist.append(Book(title="book"+str(i),price=30+i*i))
        Book.objects.bulk_create(Booklist)
        '''
    
        '''
    分页器的使用:
    
        book_list=Book.objects.all()
    
        paginator = Paginator(book_list, 10)
    
        print("count:",paginator.count)           #数据总数
        print("num_pages",paginator.num_pages)    #总页数
        print("page_range",paginator.page_range)  #页码的列表
    
    
    
        page1=paginator.page(1) #第1页的page对象
        for i in page1:         #遍历第1页的所有数据对象
            print(i)
    
        print(page1.object_list) #第1页的所有数据
    
    
        page2=paginator.page(2)
    
        print(page2.has_next())            #是否有下一页
        print(page2.next_page_number())    #下一页的页码
        print(page2.has_previous())        #是否有上一页
        print(page2.previous_page_number()) #上一页的页码
    
    
    
        # 抛错
        #page=paginator.page(12)   # error:EmptyPage
    
        #page=paginator.page("z")   # error:PageNotAnInteger
    
        '''
    
    
        book_list=Book.objects.all()
    
        paginator = Paginator(book_list, 10)
        page = request.GET.get('page',1)
        currentPage=int(page)
    
    
        try:
            print(page)
            book_list = paginator.page(page)
        except PageNotAnInteger:
            book_list = paginator.page(1)
        except EmptyPage:
            book_list = paginator.page(paginator.num_pages)
    
    
        return render(request,"index.html",{"book_list":book_list,"paginator":paginator,"currentPage":currentPage})

    index.html:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" 
    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> </head> <body> <div class="container"> <h4>分页器</h4> <ul> {% for book in book_list %} <li>{{ book.title }} -----{{ book.price }}</li> {% endfor %} </ul> <ul class="pagination" id="pager"> {% if book_list.has_previous %} <li class="previous"><a href="/index/?page={{ book_list.previous_page_number }}">上一页</a></li> {% else %} <li class="previous disabled"><a href="#">上一页</a></li> {% endif %} {% for num in paginator.page_range %} {% if num == currentPage %} <li class="item active"><a href="/index/?page={{ num }}">{{ num }}</a></li> {% else %} <li class="item"><a href="/index/?page={{ num }}">{{ num }}</a></li> {% endif %} {% endfor %} {% if book_list.has_next %} <li class="next"><a href="/index/?page={{ book_list.next_page_number }}">下一页</a></li> {% else %} <li class="next disabled"><a href="#">下一页</a></li> {% endif %} </ul> </div> </body> </html>

    自定义分页

    page.py

    """
    分页组件使用示例:
    
        obj = Pagination(request.GET.get('page',1),len(USER_LIST),request.path_info)
        page_user_list = USER_LIST[obj.start:obj.end]
        page_html = obj.page_html()
    
        return render(request,'index.html',{'users':page_user_list,'page_html':page_html})
    
    
    
    
    """
    
    class Pagination(object):
    
        def __init__(self,current_page_num,all_count,request,per_page_num=2,pager_count=11):
            """
            封装分页相关数据
            :param current_page_num: 当前访问页的数字
            :param all_count:    分页数据中的数据总条数
            :param per_page_num: 每页显示的数据条数
            :param pager_count:  最多显示的页码个数
            """
            try:
                current_page_num = int(current_page_num)
            except Exception as e:
                current_page_num = 1
    
            if current_page_num <1:
                current_page_num = 1
    
            self.current_page_num = current_page_num
    
            self.all_count = all_count
            self.per_page_num = per_page_num
    
            # 实际总页码
            all_pager, tmp = divmod(all_count, per_page_num)
            if tmp:
                all_pager += 1
            self.all_pager = all_pager
    
    
            self.pager_count = pager_count
            self.pager_count_half = int((pager_count - 1) / 2)  # 5
    
    
            # 保存搜索条件
    
            import copy
            self.params=copy.deepcopy(request.GET) # {"a":"1","b":"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_html(self):
            # 如果总页码 < 11个:
            if self.all_pager <= self.pager_count:
                pager_start = 1
                pager_end = self.all_pager + 1
            # 总页码  > 11
            else:
                # 当前页如果<=页面上最多显示11/2个页码
                if self.current_page_num <= self.pager_count_half:
                    pager_start = 1
                    pager_end = self.pager_count + 1
                # 当前页大于5
                else:
                    # 页码翻到最后
                    if (self.current_page_num + self.pager_count_half) > self.all_pager:
    
                        pager_start = self.all_pager - self.pager_count + 1
                        pager_end = self.all_pager + 1
    
                    else:
                        pager_start = self.current_page_num - self.pager_count_half
                        pager_end = self.current_page_num + self.pager_count_half + 1
    
            page_html_list = []
    
            first_page = '<li><a href="?page=%s">首页</a></li>' % (1,)
            page_html_list.append(first_page)
    
            if self.current_page_num <= 1:
                prev_page = '<li class="disabled"><a href="#">上一页</a></li>'
            else:
                prev_page = '<li><a href="?page=%s">上一页</a></li>' % (self.current_page_num - 1,)
    
            page_html_list.append(prev_page)
    
    
            #self.params=copy.deepcopy(request.GET) # {"a":"1","b":"2"}
    
            for i in range(pager_start, pager_end):
    
                self.params["page"]=i
    
                if i == self.current_page_num:
                    temp = '<li class="active"><a href="?%s">%s</a></li>' %(self.params.urlencode(),i)
                else:
                    temp = '<li><a href="?%s">%s</a></li>' % (self.params.urlencode(),i,)
                page_html_list.append(temp)
    
    
    
    
    
    
    
    
            if self.current_page_num >= self.all_pager:
                next_page = '<li class="disabled"><a href="#">下一页</a></li>'
            else:
                next_page = '<li><a href="?page=%s">下一页</a></li>' % (self.current_page_num + 1,)
            page_html_list.append(next_page)
            last_page = '<li><a href="?page=%s">尾页</a></li>' % (self.all_pager,)
            page_html_list.append(last_page)
    
            return ''.join(page_html_list)

    视图函数

    from django.shortcuts import render
    
    # Create your views here.
    
    
    from app01.models import Book
    from django.core.paginator import Paginator,EmptyPage
    def index(request):
    
        '''
    
        批量插入数据:
            # for i in range(100):
            #     Book.objects.create(title="book_%s"%i,price=i*i)
    
    
            book_list=[]
    
            for i in range(100):
                book=Book(title="book_%s"%i,price=i*i)
                book_list.append(book)
    
            Book.objects.bulk_create(book_list)
    
    
    
        分页器的使用:
                    paginator=Paginator(book_list,8)
    
                    print(paginator.count) # 100
                    print(paginator.num_pages) # 分页数:13
                    print(paginator.page_range) # range(1, 14)
    
                    page=paginator.page(5)
                    for i in page:
                        print(i)
    
                    print(page.has_next())
                    print(page.has_previous())
                    print(page.next_page_number())
                    print(page.previous_page_number())
    
    
    
                        book_list = Book.objects.all()
                        paginator = Paginator(book_list, 2)
                        try:
    
                            current_page_num=request.GET.get("page",1)
                            current_page=paginator.page(current_page_num)
                        except EmptyPage as e:
                            current_page_num=1
                            current_page = paginator.page(1)
    
        '''
        # 自定义分页
    
        print(request.GET)
    
    
        from app01.page import Pagination
        current_page_num = request.GET.get("page")
        book_list = Book.objects.all()
        pagination=Pagination(current_page_num,book_list.count(),request)
        '''
        
        count=100
        per_page=9
        
        current_page_num=1       start 0     end 8
        current_page_num=2       start 8     end 16
        current_page_num=3       start 16    end 24 
        current_page_num=n       start (n-1)*per_page    end n*per_page
        
        '''
        book_list=book_list[pagination.start:pagination.end]
    
        return render(request,"index.html",locals())

    扩展

    def index(request):
    
    
        book_list=Book.objects.all()
    
        paginator = Paginator(book_list, 15)
        page = request.GET.get('page',1)
        currentPage=int(page)
    
        #  如果页数十分多时,换另外一种显示方式
        if paginator.num_pages>11:
    
            if currentPage-5<1:
                pageRange=range(1,11)
            elif currentPage+5>paginator.num_pages:
                pageRange=range(currentPage-5,paginator.num_pages+1)
    
            else:
                pageRange=range(currentPage-5,currentPage+5)
    
        else:
            pageRange=paginator.page_range
    
    
        try:
            print(page)
            book_list = paginator.page(page)
        except PageNotAnInteger:
            book_list = paginator.page(1)
        except EmptyPage:
            book_list = paginator.page(paginator.num_pages)
    
    
        return render(request,"index.html",locals())
  • 相关阅读:
    es5中的类 继承 (原型链继承,寄生继承,组合继承)
    typeScript类型
    javaScript 不可思议问题
    javaScript 运算符(操作符)
    window.a 与 window[a]区别
    Event Loop事件循环
    生产环境vue-router模式为history导致页面404
    Axios请求添加token
    vue页面利用keep-alive实现页面快速缓存
    js原型链原理
  • 原文地址:https://www.cnblogs.com/qq631243523/p/9879126.html
Copyright © 2011-2022 走看看