django框架之簡單分頁

分頁功能的實現

Paginator(list,條數):count		#總共的數量
num_pages	#分的頁面數
page_range	#頁碼的範圍
per_page		#每頁顯示的對象(數量)

page()		#獲取某一頁的對象
object_list		#當前頁的內容,元素
number		#當前的頁碼
paginator		#拿取分頁的實例對象
has_next		#有沒有下一頁
has_previous	#有沒有上一頁
has_other_pages	#當前頁有沒有上一頁或者下一頁
next_page_number		#下一頁的頁碼
previous_page_number	#上一頁的頁碼
start_index			#當前頁第一個對象的索引
end_index				#當前頁最後對象的索引

models.py 分別往這幾個表中添加數據

from django.db import models

# Create your models here.
"""
一本書可能會有多個作者,一個作者也可以寫多本書,
所以作者和書籍的關係就是多對多的關聯關係(many-to-many);
另外一本書只應該由一個出版商出版,
所以出版商和書籍是一對多關聯關係(one-to-many)
作者詳情模型和作者模型之間是一對一的關係(one-to-one)
"""


class Author(models.Model):
    nid = models.AutoField(primary_key=True)
    name=models.CharField( max_length=32)
    age=models.IntegerField()
    authorDetail=models.OneToOneField(to="AuthorDetail",to_field="nid",on_delete=models.CASCADE)
    def __str__(self):
        return self.name
class AuthorDetail(models.Model):

    nid = models.AutoField(primary_key=True)
    birthday=models.DateField()
    telephone=models.BigIntegerField()
    addr=models.CharField( max_length=64)

class Publish(models.Model):
    nid = models.AutoField(primary_key=True)
    name=models.CharField( max_length=32)
    city=models.CharField( max_length=32)
    email=models.EmailField()
    def __str__(self):
        return self.name

class Book(models.Model):

    nid = models.AutoField(primary_key=True)
    title = models.CharField( max_length=32)

    publishDate=models.DateField()
    price=models.DecimalField(max_digits=5,decimal_places=2)
    publish=models.ForeignKey(to="Publish",to_field="nid",on_delete=models.CASCADE)
    authors=models.ManyToManyField(to='Author',)
    def __str__(self):
        return self.title

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
views.py

from django.shortcuts import render

# Create your views here.

from .models import Author,AuthorDetail,Book,Publish
from django.core.paginator import Paginator, EmptyPage,PageNotAnInteger

def index(request):
	book_list=Book.objects.all()

    paginator = Paginator(book_list, 3) #按照每頁顯示3條來計算
    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 = request.GET.get('page',1)  #將來訪問的url是這樣的 http://127.0.0.1:8000/路徑/?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,"page/index.html",{"book_list":book_list,"paginator":paginator,"currentPage":currentPage})

在這裏插入圖片描述
page目錄下的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 %}
            <table border="1" style="height: 50px; width: 200px; font-style: italic;color: aqua;align-content: center">
                <tr>
                    <td>{{ book.title }}</td>
                    <td>{{ book.price }}</td>
                    <td>{{ book.publishDate }}</td>
                </tr>
            </table>

        {% endfor %}

     </ul>


    <ul class="pagination" id="pager">

                 {% if book_list.has_previous %}
                    <li class="previous"><a href="{% url 'page: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="{% url 'page:index' %}?page={{ num }}">{{ num }}</a></li>
                     {% else %}
                       <li class="item"><a href="{% url 'page:index' %}?page={{ num }}">{{ num }}</a></li>

                     {% endif %}
                 {% endfor %}



                 {% if book_list.has_next %}
                    <li class="next"><a href="{% url 'page:index' %}?page={{ book_list.next_page_number }}">下一頁</a></li>
                 {% else %}
                    <li class="next disabled"><a href="#">下一頁</a></li>
                 {% endif %}

            </ul>
</div>


</body>
</html>

在這裏插入圖片描述
views.py 顯示每一頁的詳情頁

def show(request):

    book_objs = Book.objects.all()
    page_obj = Paginator(book_objs,1)
    print('數據總數',page_obj.count)
    print('總頁數',page_obj.num_pages)
    print('頁碼列表',page_obj.page_range)

    page1 = page_obj.page(1)
    for i in page1:
        print(i)
    print(page1.object_list)
    page2 = page_obj.page(2)

    print(page2.has_previous())
    print(page2.has_next())
    print(page2.next_page_number())
    print(page2.previous_page_number())
    # page = page_obj.page(-1)
    page_num = request.GET.get('page',1)

    try:
        current_page_num = int(page_num)
        page_num_data = page_obj.page(current_page_num)
    except PageNotAnInteger:
        current_page_num = 1
        page_num_data = page_obj.page(current_page_num)
    except EmptyPage:
        current_page_num = page_obj.num_pages
        page_num_data = page_obj.page(current_page_num)
    except Exception:
        current_page_num = 1
        page_num_data = page_obj.page(current_page_num)

    if page_obj.num_pages > 11:  #擴展,如果總的頁碼數大於了11,我們就不把所有的頁碼數顯示出來了,只顯示其中11個頁面,當前頁左邊5個,右邊5個
        if current_page_num - 5 < 1:
            pageRange = range(1,12)
        elif current_page_num + 5 > page_obj.num_pages:
            pageRange = range(page_obj.num_pages-10,page_obj.num_pages+1)
        else:
            pageRange = range(current_page_num - 5,current_page_num + 6)

    else:
        pageRange = page_obj.page_range

    book_objs = page_num_data
    return render(request,'page/show.html',{'book_objs':book_objs,'current_page_num':current_page_num,'page_obj':page_obj,'pageRange':pageRange})

page中的show.html

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<body>

<h1>數據展示</h1>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <table class="table">
                <thead>
                    <tr>
                        <th>id</th>
                        <th>title</th>
                        <th>價格</th>
                        <th>性別</th>
                        <th>出版日期</th>
                        <th>出版社</th>
                        <th>作者</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    {% for book_obj in book_objs %}
                         <tr>
                            <td>{{ book_obj.pk }}</td>
                            <td>{{ book_obj.title }}</td>
                            <td>{{ book_obj.price }}</td>
                            <td>{{ book_obj.get_sex_display }}</td>
                            <td>{{ book_obj.publishDate|date:'Y-d-m' }}</td>
                            <td>{{ book_obj.publish.name }}</td>
                            <td>
                                {% for author in book_obj.authors.all %}
                                    {{ author.name }}
                                {% endfor %}

                            </td>
                         </tr>
                    {% endfor %}
                </tbody>
            </table>
            <ul class="pagination" id="pager">
                {% if book_objs.has_previous %}
                <li class="previous"><a href="{% url 'page:show' %}?page={{ book_objs.previous_page_number }}">上一頁</a></li>
                {% else %}
                <li class="previous disabled"><a href="javascript:void(0)">上一頁</a></li>
                {% endif %}
{#                <!--{% for num in page_obj.page_range %}-->#}
                {% for num in pageRange %}
                    {% if num == current_page_num %}
                     <li class="item active"><a href="{% url 'page:show' %}?page={{ num }}">{{ num }}</a></li>
                    {% else %}
                       <li class="item"><a href="{% url 'page:show' %}?page={{ num }}">{{ num }}</a></li>

                     {% endif %}

                {% endfor %}
                {% if book_objs.has_next %}
                    <li class="next"><a href="{% url 'page:show' %}?page={{ book_objs.next_page_number }}">下一頁</a></li>
                 {% else %}
                    <li class="next disabled"><a href="#">下一頁</a></li>
                 {% endif %}

            </ul>
        </div>
    </div>

</div>

</body>


</html>

在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章