Пагинация в django

Просто пример реализации пагинации в Django.

В urls.py настраиваем маршрут.

urlpatterns = [
    ...
    path('projects/', views.project_list, name='projects'),
    ...
]

urlpatterns = [

...

path('projects/', views.project_list, name='projects'),

...

]

В файле views.py создаем метод project_list.

def project_list(request):
    queryset = Project.objects.all().order_by('-id')
    paginator = Paginator(queryset, 10)
    page_number = request.GET.get('page')
    page_obj = paginator.get_page(page_number)

    data = {
        'title': 'Project',
        'paginator': paginator,
        'page_number': page_number,
        'page_obj': page_obj,
    }
    return render(request, 'project_list.html', data)

def project_list(request):

queryset = Project.objects.all().order_by('-id')

paginator = Paginator(queryset, 10)

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

page_obj = paginator.get_page(page_number)

data = {

'title': 'Project',

'paginator': paginator,

'page_number': page_number,

'page_obj': page_obj,

}

return render(request, 'project_list.html', data)

В папке templates создаем шаблон списка project_list.html и шаблон пагинации pagination.html

project_list.html:

{% extends "base.html" %}

{% block content %}

<div class="container pb-5">
    <div class="mb-4 d-flex justify-content-between align-items-center">
        <h4 class="mb-4">
            Projects
        </h4>
        <a href="/project/new/" class="btn btn-outline-success">
            Add New
        </a>
    </div>

    <table class="table">
        <thead class="bg-secondary">
            <tr>
                <th scope="col">Server</th>
                <th scope="col">Action</th>
            </tr>
        </thead>
        <tbody>
            {% for project in page_obj %}
                <tr>
                    <td class="align-middle">{{ project.name }}</td>
                    <td class="align-middle">
                        <a href="/project/{{ project.id }}/" class="btn btn-outline-success">
                            Actions
                        </a>
                        <a href="/project/edit/{{ project.id }}/" class="btn btn-outline-success">
                            Edit
                        </a>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

    {% include "pagination.html"  %}
</div>
{% endblock %}

{% extends "base.html" %}

{% block content %}

Projects

</h4>

Add New

</a>

</div>

<tr>

<th scope="col">Server</th>

<th scope="col">Action</th>

</tr>

</thead>

<tbody>

{% for project in page_obj %}

<tr>

<td class="align-middle">{{ project.name }}</td>

Actions

</a>

Edit

</a>

</td>

</tr>

{% endfor %}

</tbody>

</table>

{% include "pagination.html" %}

</div>

{% endblock %}

pagination.html:

{% if page_obj.has_previous or page_obj.has_next %}
    <nav class="mt-4">
        <ul class="pagination">
            <li class="page-item mr-1">
                <a class="btn btn-outline-success" href="?page=1">First</a>
            </li>
            {% if page_obj.has_previous %}
                <li class="page-item mr-1">
                    <a class="btn btn-outline-success" href="?page={{ page_obj.previous_page_number }}">Previous</a>
                </li>
            {% endif %}

            {% for i in page_obj.paginator.page_range %}
                {% if i == page_obj.number %}
                    <li class="page-item mr-1">
                        <a class="btn btn-success" href="?page={{ i }}">{{ i }}</a>
                    </li>
                {% elif i > page_obj.number|add:'-4' and i < page_obj.number|add:'4' %}
                    <li class="page-item mr-1">
                        <a class="btn btn-outline-success" href="?page={{ i }}">{{ i }}</a>
                    </li>
                {% endif %}
            {% endfor %}

            {% if page_obj.has_next %}
                <li class="page-item mr-1">
                    <a class="btn btn-outline-success" href="?page={{ page_obj.next_page_number }}">Next</a>
                </li>
            {% endif %}

            <li class="page-item mr-1">
                <a class="btn btn-outline-success" href="?page={{ page_obj.paginator.num_pages }}">Last</a>
            </li>
        </ul>
    </nav>
{% endif %}

{% if page_obj.has_previous or page_obj.has_next %}

<a class="btn btn-outline-success" href="?page=1">First</a>

</li>

{% if page_obj.has_previous %}

<a class="btn btn-outline-success" href="?page={{ page_obj.previous_page_number }}">Previous</a>

</li>

{% endif %}

{% for i in page_obj.paginator.page_range %}

{% if i == page_obj.number %}

</li>

{% elif i > page_obj.number|add:'-4' and i < page_obj.number|add:'4' %}

</li>

{% endif %}

{% endfor %}

{% if page_obj.has_next %}

</li>

{% endif %}

</li>

</ul>

</nav>

{% endif %}