Menu
CoddyTech

Paginación

Parte de la sección Vistas basadas en clases del Journey de Django de Coddy. Lección 8 de 18.

La página de trabajos muestra todos los trabajos a la vez, y no cabrían mil. La paginación divide una lista en páginas con enlaces entre ellas. Una ListView hace la división con un atributo, paginate_by, que indica las filas por página.

Con paginate_by = 20 en una lista de recetas, /recipes/ muestra las primeras 20, /recipes/?page=2 las 20 siguientes y una página posterior al final responde con un error 404. La lista de la plantilla contiene solo las filas de esta página, y la plantilla también recibe is_paginated y page_obj, la página actual.

Te corresponde escribir los enlaces. page_obj conoce number, paginator.num_pages, has_next, next_page_number, has_previous y previous_page_number:

{% if page_obj.has_next %}
  <a href="?page={{ page_obj.next_page_number }}">More recipes</a>
{% endif %}

Conserva la comprobación alrededor de cada enlace: en la última página, next_page_number genera un error que hace que la página se bloquee.

challenge icon

Desafío

Fácil

Muestra los empleos de 5 en cada página:

  • En JobListView, 5 filas por página.
  • En job_list.html, debajo de la lista, un <nav class="pages"> con un enlace Previous, el texto Page 1 of 3 (números reales) y un enlace Next. Cada enlace se muestra solo cuando existe su página.

Pulsa Run, abre /jobs/ y pulsa Next.

Pruébalo tú mismo

from django.views.generic import DetailView, ListView, TemplateView

from .models import Job


class HomeView(TemplateView):
    template_name = "jobs/home.html"

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        context["count"] = Job.objects.count()
        context["latest"] = Job.objects.order_by("-posted").first()
        return context


class AboutView(TemplateView):
    template_name = "jobs/about.html"


class JobListView(ListView):
    model = Job
    context_object_name = "jobs"
    ordering = ["-posted"]

    def get_queryset(self):
        jobs = super().get_queryset()
        city = self.request.GET.get("city")
        if city:
            jobs = jobs.filter(city=city)
        return jobs


class JobDetailView(DetailView):
    model = Job

Todas las lecciones de Vistas basadas en clases

Practica por tu cuenta: Playground de Django