ฉันจะใช้การแบ่งหน้ากับ ListViews ตามคลาสของ Django ได้อย่างไร


183

ฉันจะใช้เลขหน้ากับ Django 1.3 ได้อย่างไร

เอกสารไม่ชัดเจนในเรื่องนี้

  • ของฉันviews.pyคืออะไร

  • แม่แบบของฉันคืออะไร

  • ไฟล์ URLconf ของฉันจะเป็นอย่างไร

คำตอบ:


338

ฉันคิดว่าคุณขอข้อมูลเกี่ยวกับการใช้การแบ่งหน้ากับมุมมองแบบคลาสใหม่เนื่องจากด้วยมุมมองตามฟังก์ชั่นแบบดั้งเดิมจึงหาง่าย ฉันพบว่าเพียงแค่ตั้งค่าpaginate_byตัวแปรก็เพียงพอที่จะเปิดใช้งานการแบ่งหน้า ดูในมุมมองทั่วไปชั้นตาม

ตัวอย่างเช่นในviews.py:

import models
from django.views.generic import ListView

class CarListView(ListView):
    model = models.Car      # shorthand for setting queryset = models.Car.objects.all()
    template_name = 'app/car_list.html'  # optional (the default is app_name/modelNameInLowerCase_list.html; which will look into your templates folder for that path and file)
    context_object_name = "car_list"    #default is object_list as well as model's_verbose_name_list and/or model's_verbose_name_plural_list, if defined in the model's inner Meta class
    paginate_by = 10  #and that's it !!

ในแม่แบบของคุณ ( car_list.html) คุณสามารถรวมส่วนแบ่งหน้าเช่นนี้ (เรามีตัวแปรบางบริบทที่ใช้ได้: is_paginated, page_objและpaginator)

{# .... **Normal content list, maybe a table** .... #}
{% if car_list %}
    <table id="cars">
        {% for car in car_list %}
            <tr>
                <td>{{ car.model }}</td>
                <td>{{ car.year }}</td>
                <td><a href="/car/{{ car.id }}/" class="see_detail">detail</a></td>
            </tr>
        {% endfor %}
    </table>
    {# .... **Now the pagination section** .... #}
    {% if is_paginated %}
        <div class="pagination">
            <span class="page-links">
                {% if page_obj.has_previous %}
                    <a href="/cars?page={{ page_obj.previous_page_number }}">previous</a>
                {% endif %}
                <span class="page-current">
                    Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
                </span>
                {% if page_obj.has_next %}
                    <a href="/cars?page={{ page_obj.next_page_number }}">next</a>
                {% endif %}
            </span>
        </div>
    {% endif %}
{% else %}
    <h3>My Cars</h3>
    <p>No cars found!!! :(</p>
{% endif %}
{# .... **More content, footer, etc.** .... #}

เพจที่จะแสดงถูกระบุด้วยพารามิเตอร์ GET เพียงเพิ่ม?page=nไปยัง URL


1
โอเค แต่คุณจะผูกแม่แบบได้อย่างไรเห็นวัตถุ "car_list" ได้อย่างไร
กัท

28
FYI คุณยังสามารถทำสิ่งนี้ได้โดยตรงใน urls.py:url(r'^cars/$ ', ListView.as_view (model = Car, paginate_by = 10)),
shawnwall

บทเรียนที่ฉันเรียนรู้: เพื่อหาวิธีเปิดคลาสบรรพบุรุษทั้งหมดในแท็บใหม่และกดปุ่ม CTRL + F ดังนั้นจากdocs.djangoproject.com/en/dev/ref/class-based-views/ …ซึ่งเรารู้ว่ามีอยู่จากการสอนพื้นฐานเปิดลิงก์บรรพบุรุษทั้งหมดและค้นหา "pagi"
Ciro Santilli 郝海东冠状病六四事件法轮功

2
ฉันได้ทำสิ่งนี้ แต่ปัญหาที่ฉันพบคือเมื่อฉันทำการประมวลผลเพิ่มเติมบนวัตถุในชุดแบบสอบถามมันจะนำไปใช้กับผลลัพธ์ทั้งหมดในฐานข้อมูล ดังนั้นสำหรับเคียวรีที่ส่งคืน 100 ออบเจกต์ แต่แสดงเพียงสิบออบเจ็กต์ต่อหน้าการประมวลผลพิเศษจะดำเนินการกับ 100 ออบเจค
wobbily_col

32
ฉันไม่ชอบ URL ที่ hardcoded ที่คุณสามารถแทนที่ด้วย: <a href="?page={{ page_obj.previous_page_number }}"> ก่อนหน้า </a>
dalore

42

สมมติว่าฉันมีชั้นเรียนใน app / models.py ชื่อFileExam(models.Model):

app / models.py

class FileExam(models.Model):
    myfile = models.FileField(upload_to='documents/%Y/%m/%d')
    date = models.DateTimeField(auto_now_add=True, blank=True)
    teacher_name = models.CharField(max_length=30)
    status = models.BooleanField(blank=True, default=False)

app / views.py

from app.models import FileExam
from django.core.paginator import Paginator
from django.core.paginator import EmptyPage
from django.core.paginator import PageNotAnInteger

class FileExamListView(ListView):
    model = FileExam
    template_name = "app/exam_list.html"
    paginate_by = 10
    
    def get_context_data(self, **kwargs):
        context = super(FileExamListView, self).get_context_data(**kwargs) 
        list_exam = FileExam.objects.all()
        paginator = Paginator(list_exam, self.paginate_by)

        page = self.request.GET.get('page')

        try:
            file_exams = paginator.page(page)
        except PageNotAnInteger:
            file_exams = paginator.page(1)
        except EmptyPage:
            file_exams = paginator.page(paginator.num_pages)
            
        context['list_exams'] = file_exams
        return context

มีการเปลี่ยนแปลงเล็กน้อยในget_context_dataและเพิ่มรหัสเลขหน้าจากเอกสาร django ที่นี่

app / แม่ / app / exam_list.html

รายการเนื้อหาปกติ

<table id="exam">
  {% for exam in list_exams %}
  <tr>
    <td>{{ exam.myfile }}</td>
    <td>{{ exam.date }}</td>
    <td>.....</td>
  </tr>
  {% endfor %}
</table>

ให้เลขหน้า

{% if is_paginated %}
<ul class="pagination">
{% if page_obj.has_previous %}
    <li>
        <span><a href="?page={{ page_obj.previous_page_number }}">Previous</a></span>
    </li>
{% endif %}
    <li class="">
        <span>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.</span>
    </li>
{% if page_obj.has_next %}
    <li>
        <span><a href="?page={{ page_obj.next_page_number }}">Next</a></span>
    </li>
{% endif %}
</ul>
{% else %}
    <h3>Your File Exam</h3>
    <p>File not yet available</p>
{% endif %}

app / urls.py

urlpatterns = [
url(
    r'^$', views.FileExamListView.as_view(), name='file-exam-view'),
), 
... ]

1
สิ่งนี้ดูไม่ถูกต้อง: context = super(SoalListView, self).... คุณหมายถึง: context = super(FileExamListView, self)...?
cezar

ใช่ถูกต้อง! คำตอบนี้ได้รับการแก้ไขโดย Mr. Yacin ขอบคุณนายยาซิน
Yanwar Sky

1

เรามี 2 วิธีในการทำเช่นนี้

paginate_byคนแรกเป็นที่เรียบง่ายและเพียงแค่ตั้งค่าเขตข้อมูลชั้นเรียน เราไม่จำเป็นต้องทำอะไรกับget_context_dataวิธีการ

วิธีที่สองมีความซับซ้อนเล็กน้อย แต่เราสามารถเข้าใจเพิ่มเติมเกี่ยวกับเลขหน้าและกำหนดเลขหน้าซับซ้อนหรือเลขหน้าหลายแบบ เรามาดูกัน

สามารถทำได้ในสามขั้นตอน

1.Override วิธีการของคุณget_context_dataView

ผ่านpage_keysและpagesเพื่อให้เราสามารถย้ำรายการและหลีกเลี่ยงการเข้ารหัสยาก

def get_context_data(self, *, object_list=None, **kwargs):
    context = super().get_context_data()
    df = pd.DataFrame(list(self.model.objects.all().values()))
    ipc = df.groupby('ip')['ip'].count().sort_values(ascending=False)
    urlc = df.groupby('url')['url'].count().sort_values(ascending=False).to_dict()

    ipc = tuple(ipc.to_dict().items())
    urlc = tuple(urlc.items())

    pages = []
    page_keys = ['page1', 'page2']
    for obj, name in zip([urlc, ipc], page_keys):
        paginator = Paginator(obj, 20)
        page = self.request.GET.get(name)
        page_ipc = obj
        try:
            page_ipc = paginator.page(page)
        except PageNotAnInteger:
            page_ipc = paginator.page(1)
        except EmptyPage:
            page_ipc = paginator.page(paginator.num_pages)
        pages.append(page_ipc)

    context['data'] = zip(pages, page_keys)
    return context

2.Customize templateย่อยของคุณ

เรากำหนดตัวแปรบางตัวเพื่อให้เราสามารถวนซ้ำผ่านรายการการแบ่งหน้า

pagination.html

    {% if is_paginated %}
        <ul class="pagination">
        {% if page_obj.has_previous %}
            <li>
            <span><a href="?{{ pname }}={{ page_obj.previous_page_number }}">Previous</a></span>
            </li>
        {% endif %}
        <li class="">
            <span>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.</span>
        </li>
        {% if page_obj.has_next %}
            <li>
            <span><a href="?{{ pname }}={{ page_obj.next_page_number }}">Next</a></span>
            </li>
        {% endif %}
        </ul>
    {% else %}
        <h3>Your File Exam</h3>
        <p>File not yet available</p>
    {% endif %}

template3. ปรับแต่งด้านนอก

index.html

{% for foo,name in data %}
    <div class="col-md-3 table-responsive">

            {% for k,v in foo %}
                <tr>
                    <th>{{ forloop.counter }}</th>
                    <td>{{ k }}</td>
                    <td>{{ v }}</td>
                </tr>
            {% endfor %}

        {% include 'pagination.html' with pname=name  page_obj=foo %}
    </div>
{% endfor %}
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.