2. 程式人生 > >django -----分頁器元件 分頁器元件

django -----分頁器元件 分頁器元件

阿新 • • 發佈：2018-12-07

分頁器元件

本文目錄

回到目錄

1 Django的分頁器（paginator）簡介

在頁面顯示分頁資料，需要用到Django分頁器元件

from django.core.paginator import Paginator

複製程式碼 
Paginator物件：    paginator = Paginator(user_list, 10)

 
# per_page: 每頁顯示條目數量
# count:    資料總個數
# num_pages:總頁數
# page_range:總頁數的索引範圍，如: (1,10),(1,200)
# page:     page物件    
page物件：page=paginator.page(1)
# has_next              是否有下一頁
# next_page_number      下一頁頁碼
# has_previous          是否有上一頁
# previous_page_number  上一頁頁碼
# object_list           分頁之後的資料列表
 

# number                當前頁
# paginator             paginator物件
複製程式碼

 

回到目錄

2 應用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})
複製程式碼 回到目錄

3 模版層 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>
複製程式碼 回到目錄

4 擴充套件

'''
    顯示左5，右5，總共11個頁，
    1 如果總頁碼大於11
        1.1 if 當前頁碼減5小於1，要生成1到12的列表（顧頭不顧尾，共11個頁碼）
            page_range=range(1,12)
        1.2 elif 當前頁碼+5大於總頁碼，生成當前頁碼減10，到當前頁碼加1的列表（顧頭不顧尾，共11個頁碼）
            page_range=range(paginator.num_pages-10,paginator.num_pages+1)
        1.3 else 生成當前頁碼-5，到當前頁碼+6的列表
            page_range=range(current_page_num-5,current_page_num+6)
    2 其它情況，生成的列表就是pageinator的page_range
        page_range=paginator.page_range

    '''
核心邏輯

 

複製程式碼 
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())
複製程式碼

 

 

def page_test(request):
    # book_list=[]
    # for i in range(100):
    #     book=Book(name='book%s'%i,price=10+i,pub_date='2018-09-18',publish_id=1)
    #     book_list.append(book)
    # Book.objects.bulk_create(book_list,10)
    book_list=Book.objects.all()
    # 生成paginator物件，傳入書籍列表，每頁10條資料
    paginator=Paginator(book_list,3)
    # 總頁碼數
    print(paginator.num_pages)
    # 頁碼列表
    print(paginator.page_range)
    # 總資料
    print(paginator.count)
    # 獲取頁面傳來的頁碼
    current_page=int(request.GET.get('page',1))
    page_range=[]
    # 左5 右5

    # 獲取頁面傳來的頁碼的page物件
    try:
        page=paginator.page(current_page)
        # print(page.has_next())            #是否有下一頁
        # print(page.next_page_number())    #下一頁的頁碼
        # print(page.has_previous())        #是否有上一頁
        # print(page.previous_page_number()) #上一頁的頁碼
        # 迴圈打印出當頁物件
        for i in page:
            print(i)
    except Exception as e:
        current_page=1
        page = paginator.page(1)
    if paginator.num_pages>11:
        if current_page+5>paginator.num_pages:
            page_range=range(paginator.num_pages-10,paginator.num_pages+1)
        elif current_page-5<1:
            page_range=range(1,12)
        else:
            page_range=range(current_page-5,current_page+6)
    else:
        page_range=paginator.page_range



    return render(request,'page_test.html',locals())
views 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <title>Title</title>
</head>
<body>

<ul>

    {% for foo in page %}
        <li>{{ foo.name }}</li>

    {% endfor %}

</ul>
<nav aria-label="Page navigation">
    <ul class="pagination">
        {% if page.has_previous %}
            <li>
                <a href="/page_test/?page={{ page.previous_page_number }}" aria-label="Previous">
                    <span aria-hidden="true">上一頁</span>
                </a>
            </li>
        {% else %}
            <li class="disabled">
                <a href="#" aria-label="Previous">
                    <span aria-hidden="true">上一頁</span>
                </a>
            </li>
        {% endif %}

        {% for foo in page_range %}
            {% if current_page == foo %}
                <li class="active"><a href="/page_test/?page={{ foo }}">{{ foo }}</a></li>
            {% else %}
                <li><a href="/page_test/?page={{ foo }}">{{ foo }}</a></li>
            {% endif %}

        {% endfor %}
        {% if page.has_next %}
            <li>
                <a href="/page_test/?page={{ page.next_page_number }}" aria-label="Next">
                    <span aria-hidden="true">下一頁</span>
                </a>
            </li>
        {% else %}
            <li class="disabled">
                <a href="#" aria-label="Next">
                    <span aria-hidden="true">下一頁</span>
                </a>
            </li>

        {% endif %}

    </ul>
</nav>


</body>
</html>
模版

 ---------https://www.cnblogs.com/liuqingzheng/articles/9509767.html

回到目錄

1 Django的分頁器（paginator）簡介

在頁面顯示分頁資料，需要用到Django分頁器元件

from django.core.paginator import Paginator

複製程式碼 
Paginator物件：    paginator = Paginator(user_list, 10)
# per_page: 每頁顯示條目數量
# count:    資料總個數
# num_pages:總頁數
# page_range:總頁數的索引範圍，如: (1,10),(1,200)
# page:     page物件    
page物件：page=paginator.page(1)
# has_next              是否有下一頁
# next_page_number      下一頁頁碼
# has_previous          是否有上一頁
# previous_page_number  上一頁頁碼
# object_list           分頁之後的資料列表
# number                當前頁
# paginator             paginator物件
複製程式碼

 

回到目錄

2 應用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})
複製程式碼 回到目錄

3 模版層 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>
複製程式碼 回到目錄

4 擴充套件

'''
    顯示左5，右5，總共11個頁，
    1 如果總頁碼大於11
        1.1 if 當前頁碼減5小於1，要生成1到12的列表（顧頭不顧尾，共11個頁碼）
            page_range=range(1,12)
        1.2 elif 當前頁碼+5大於總頁碼，生成當前頁碼減10，到當前頁碼加1的列表（顧頭不顧尾，共11個頁碼）
            page_range=range(paginator.num_pages-10,paginator.num_pages+1)
        1.3 else 生成當前頁碼-5，到當前頁碼+6的列表
            page_range=range(current_page_num-5,current_page_num+6)
    2 其它情況，生成的列表就是pageinator的page_range
        page_range=paginator.page_range

    '''
核心邏輯

 

複製程式碼 
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())
複製程式碼

 

 

def page_test(request):
    # book_list=[]
    # for i in range(100):
    #     book=Book(name='book%s'%i,price=10+i,pub_date='2018-09-18',publish_id=1)
    #     book_list.append(book)
    # Book.objects.bulk_create(book_list,10)
    book_list=Book.objects.all()
    # 生成paginator物件，傳入書籍列表，每頁10條資料
    paginator=Paginator(book_list,3)
    # 總頁碼數
    print(paginator.num_pages)
    # 頁碼列表
    print(paginator.page_range)
    # 總資料
    print(paginator.count)
    # 獲取頁面傳來的頁碼
    current_page=int(request.GET.get('page',1))
    page_range=[]
    # 左5 右5

    # 獲取頁面傳來的頁碼的page物件
    try:
        page=paginator.page(current_page)
        # print(page.has_next())            #是否有下一頁
        # print(page.next_page_number())    #下一頁的頁碼
        # print(page.has_previous())        #是否有上一頁
        # print(page.previous_page_number()) #上一頁的頁碼
        # 迴圈打印出當頁物件
        for i in page:
            print(i)
    except Exception as e:
        current_page=1
        page = paginator.page(1)
    if paginator.num_pages>11:
        if current_page+5>paginator.num_pages:
            page_range=range(paginator.num_pages-10,paginator.num_pages+1)
        elif current_page-5<1:
            page_range=range(1,12)
        else:
            page_range=range(current_page-5,current_page+6)
    else:
        page_range=paginator.page_range



    return render(request,'page_test.html',locals())
views 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <title>Title</title>
</head>
<body>

<ul>

    {% for foo in page %}
        <li>{{ foo.name }}</li>

    {% endfor %}

</ul>
<nav aria-label="Page navigation">
    <ul class="pagination">
        {% if page.has_previous %}
            <li>
                <a href="/page_test/?page={{ page.previous_page_number }}" aria-label="Previous">
                    <span aria-hidden="true">上一頁</span>
                </a>
            </li>
        {% else %}
            <li class="disabled">
                <a href="#" aria-label="Previous">
                    <span aria-hidden="true">上一頁</span>
                </a>
            </li>
        {% endif %}

        {% for foo in page_range %}
            {% if current_page == foo %}
                <li class="active"><a href="/page_test/?page={{ foo }}">{{ foo }}</a></li>
            {% else %}
                <li><a href="/page_test/?page={{ foo }}">{{ foo }}</a></li>
            {% endif %}

        {% endfor %}
        {% if page.has_next %}
            <li>
                <a href="/page_test/?page={{ page.next_page_number }}" aria-label="Next">
                    <span aria-hidden="true">下一頁</span>
                </a>
            </li>
        {% else %}
            <li class="disabled">
                <a href="#" aria-label="Next">
                    <span aria-hidden="true">下一頁</span>
                </a>
            </li>

        {% endif %}

    </ul>
</nav>


</body>
</html>
模版

 ---------https://www.cnblogs.com/liuqingzheng/articles/9509767.html

相關推薦

django -----分頁器元件 分頁器元件

分頁器元件 本文目錄 1 Django的分頁器（paginator）簡介 2 應用View層 3 模版層 index.html 4 擴充套件 回到目錄

Django 元件-分頁器

Django的分頁器（paginator） view from django.shortcuts import render,HttpResponse # Create your views here. from app01.models import * from django.core

python 全棧開發，Day79(Django的使用者認證元件,分頁器)

一、Django的使用者認證元件 使用者認證　 auth模組 在進行使用者登陸驗證的時候，如果是自己寫程式碼，就必須要先查詢資料庫，看使用者輸入的使用者名稱是否存在於資料庫中； 如果使用者存在於資料庫中，然後再驗證使用者輸入的密碼，這樣一來就要自己編寫大量的程式碼。 事實上，Djang

DRF Django REST framework 之 頻率，響應器與分頁器元件（六）

頻率元件 頻率元件類似於許可權元件，它判斷是否給予請求通過。頻率指示臨時狀態，並用於控制客戶端可以向API發出的請求的速率。 與許可權一樣，可以使用多個調節器。API可能會對未經身份驗證的請求進行限制，而對於經過身份驗證的請求則進行限制較少。 例如，可以將使用者限制為每分鐘最多60個請求，每天最多1000個請

7 Django分頁器文章分頁

src http 技術分享 alt .com bsp 9.png image png 1 2 3 4 5 7 Django分頁器文章分頁

[Django學習] Django基礎(5)_優化分頁器

優化 最小值 src div img == cti css style 一. 基本樣式 主要優化內容： ＃1. 當前頁高亮 ＃2. 顯示當前頁及其前後兩頁 ＃3. 顯示省略號標記 ＃4. 顯示首尾頁 ＃5. 將“頁數描述文字”放置在“頁碼欄”下方 ＃6. “頁碼欄”與“

20.DjangoRestFramework學習三之認證元件、許可權元件、頻率元件、url註冊器、響應器、分頁元件

一 認證元件 　　1. 區域性認證元件 　　　　我們知道，我們不管路由怎麼寫的，對應的檢視類怎麼寫的，都會走到dispatch方法，進行分發， 　　　　在咱們看的APIView類中的dispatch方法的原始碼中，有個self.initial(request, *args, **kwargs)，那麼認證、許可

myBatis學習筆記（10）——使用攔截器實現分頁查詢

條件 iba execute rri itl alias property gen func 1. Page package com.sm.model; import java.util.List; public class Page<T&g

simple_tag,filte,分頁以及cookie和裝飾器

關閉瀏覽器 param max request 內容 關於 block django spl 內置的方法 首先Django中包含了很多內置的方法： 這裏通過lower實現 在views視圖函數中寫如下代碼： def tp3(request): name= "ABC

rest-framework框架 -- 解析器、分頁、路由

表示 color 組件 elf post data ... rest art rmp 解析器 ：reqest.data取值的時候才執行 對請求的數據進行解析：是針對請求體進行解析的。表示服務器可以解析的數據格式的種類 django中的發送請求 #如果是這樣的格式發送的數據

用DataTables實現服務器端分頁

說明 分頁 scrip ajax query .html detail www. archive 推薦下，H-ui.admin 模版裏面使用了DataTables，而且把常用功能都給實現的很完整了，推薦去參考H-ui的模版源碼參考！ 分享幾篇有價值的文章： DataTabl

rest_framework中的url註冊器，分頁器，響應器

格式 back 數據 分頁器 取數 author 沒有 framework alt url註冊器： 對於authors表，有兩個url顯得麻煩： rest_framework將我們的url進行了處理： 這樣寫了之後，就可以像原來一樣訪問author表了。 故意寫錯路徑

Ogre的分頁大地形場景管理器PLSM2使用手記

By MulinB   最近專案需要模擬一個3D場景飛機飛行的簡單演示，主要功能就是提供一個比較大的地形高程圖和一個飛機飛行路線，能在三維下顯示演示飛機飛行。感覺以前自己見過不少類似的遊戲，這無非是第一個人稱射擊類或者模擬飛行類的遊戲的簡化版，所以從避免重複製造輪子的角度決定查

MyBatis分頁功能的實現（陣列分頁、sql分頁、攔截器，RowBounds分頁）

前言：學習hibernate & mybatis等持久層框架的時候，不外乎對資料庫的增刪改查操作。而使用最多的當是資料庫的查詢操

RestFramework之註冊器、響應器與分頁器

一、註冊器的說明與使用 　　在我們編寫url時經常會因請求方式不同，而重複編寫某條url，而rest_framework中的註冊器幫我節省了很多程式碼 　　下面介紹一下如何使用 # 利用註冊器來實現路由分發 from rest_framework import routers #

利用Mybatis攔截器實現分頁查詢

手寫Mybatis攔截器 版本 Spring Boot 2.0.3.RELEASE Mybatis自定義攔截器 如果有閱讀過我之前一篇部落格 Hibernate 重新整理上下文 的朋友應該還記得 Hibernate 的上下文中可以新增自定義的事件監聽器。當初是為

simple_tag,filte,分頁以及cookie和裝飾器,session

自定義simple_tag 內建的方法 首先Django中包含了很多內建的方法： 這裡通過lower實現 在views檢視函式中寫如下程式碼： def tp3(request): name= "ABCDEFG" return render(request,"

DRF的註冊器，響應器和分頁器

一、DRF的註冊器 #匯入模組 from rest_framework import routers #例項化一個router物件 router = routers.DefaultRouter() #將需要自動生成url的介面註冊到router中 router.register("bookssss",

Rest Framework第五天-版本控制、響應器和渲染器、分頁

頻率：     自定義：         1 定義一個類MyThrottles             allow_request（頻率限制的邏輯）             wait（返回一個數字，給使用者提示，還差多少秒）         2 區域性使用：throttle_

閱讀器的分頁實現

最近在寫一個閱讀器app，命名為Light，程式碼已經開源，點選檢視Light原始碼。 本專案基於Flutter，瞭解更多請點選flutter.io。 本方案的核心原理是利用了TextPainter特性，通過多次渲染來找到當前頁面能夠顯示的最大字元數。 文