Евгений Легоцкой21 сентября 2016 г. 12:12

Django - Урок 007. Добавление Pagination на основе django-bootstrap3

Количество статей на новом сайте начало приближаться к 10 штукам, поэтому в срочном порядке добавляю Pagination, чтобы была возможность пролистывать страницы на сайте. Но поскольку уже используется модуль django-bootstrap3 , то и Pagination будет использоваться из этого модуля. Зачем же делать лишнюю работу, когда уже всё сделано? Не так ли.

Для добавления Pagination необходимо:

  1. Использовать класс Paginator из django.core.pagination;
  2. Добавить в шаблон главной страницы bootstrap_pagination с привязкой ;
  3. Добавить проверку текущего номера страницы;
  4. И ... не добавлять ничего нового в шаблоны url.

Добавляем Paginator в представление

Paginator - это класс, который содержит текущую страницу, которая загружается при вызове метода page(), которому в качестве аргумента будет передан номер страницы. В нашем случае мы попытаемся забрать номер данной страницы, если он существует, то отобразим страницу или если вышли за количество страниц, то отобразим последнюю. Если номера не был передан, то вернём первую страницу.

from django.shortcuts import render_to_response
from django.views import View
from django.core.paginator import Paginator

from knowledge.models import *

# Представление сделано на основе класса View
class EIndexView(View):

    def get(self, request):
        context = {}
        # Забираем все опубликованные статье отсортировав их по дате публикации
        all_articles = Article.objects.filter(article_status=True).order_by('-article_date')
        # Создаём Paginator, в который передаём статьи и указываем, 
        # что их будет 10 штук на одну страницу
        current_page = Paginator(all_articles, 10)

        # Pagination в django_bootstrap3 посылает запрос вот в таком виде:
        # "GET /?page=2 HTTP/1.0" 200,
        # Поэтому нужно забрать page и попытаться передать его в Paginator, 
        # для нахождения страницы
        page = request.GET.get('page')
        try:
            # Если существует, то выбираем эту страницу
            context['article_lists'] = current_page.page(page)  
        except PageNotAnInteger:
            # Если None, то выбираем первую страницу
            context['article_lists'] = current_page.page(1)  
        except EmptyPage:
            # Если вышли за последнюю страницу, то возвращаем последнюю
            context['article_lists'] = current_page.page(current_page.num_pages) 

        return render_to_response('home/index.html', context)

Информация по URL-шаблону

Как я и говорил, я не менял шаблон url, но приведу его, чтобы не было непоняток.

from django.conf.urls import url

from . import views

app_name = 'home'
urlpatterns = [
    url(r'^$', views.EIndexView.as_view(), name='index'),
]

Кастомизируем шаблон страницы

Шаблон наследован от home/base.html и содержит заголовочную информацию и т.д., которая не интересна в данном случае.

По сути в контекст был передан объект Paginator с выбранными страницами и далее, как обычный queryset объектов через цикл развёрнут в ленту статей.

Но самое интересное то, что дальше мы загружаем модуль bootstrap3 и вставляем bootstrap_pagination, передавая ему в качестве контекста этот же самый article_lists.

{% extends 'home/base.html' %}
{% block page %}
    <h1>Публикации</h1>
    {% if article_lists %}
        {% for article in article_lists %}
            <article>
                <a href="{{ article.get_absolute_url }}">
                    <h2>{{ article.article_title }}</h2>
                </a>
                {{ article.desctription|safe }}
                <p><a class="btn btn-default btn-sm" href="{{ article.get_absolute_url }}">Читать далее</a></p>
                {% include 'knowledge/article_footer.html' %}
            </article>
        {% endfor %}
    {% endif %}
{% load bootstrap3 %}
{% bootstrap_pagination article_lists %}
{% endblock %}

Для Django рекомендую VDS-сервера хостера Timeweb .

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.
Поддержать автора Donate

Как вы в своем шаблоне сделали в пагинации отображение 5 страниц потом ... и последние страницы?

Я тоже так хочу сделать, но у меня пока что все страницы выводит. Вот мой код в шаблоне

														<div class="col-xs-5">
															<div class="pagination">
																<ul>
                                                                    {% if product.has_previous %}
																	<li><a href="?page=1{{ product.previous.num_pages }}"><|</a></li>
																	<li><a href="?page={{ product.previous_page_number }}"><</a></li>
                                                                    {% endif %}

                                                                    {% for i in product.paginator.page_range %}
                                                                      {% if product.number == i %}
                                                                        <li class="active"><a href="">{{ i }}</a></li>
                                                                      {% else %}
                                                                        <li><a href="?page={{ i }}">{{ i }}</a></li>
                                                                      {% endif %}
                                                                    {% endfor %}

                                                                    {% if product.has_next %}
																	<li><a href="?page={{ product.next_page_number }}">></a></li>
																	<li><a href="?page={{ product.paginator.num_pages }}">>|</a></li>
                                                                    {% endif %}
																</ul>
														    </div>
														</div>

я использую django-bootstrap4 и там уже есть эта возможность, поэтому выглядеть будет так в коде

{% bootstrap_pagination article_lists pages_to_show=5 %}

Просто поиграйтесь со значением pages_to_show

спасибо, получилось у меня на bootstrap3 тоже самое.

Плохо, что нет возможности отредактировать свой пост после публикации я там не правильно выбрал стиль кода.

я добавлю редактирование ))) просто сейчас занят совсем другим функционалом. Для добавления редактирования нужно разработать единый механизм, который бы позволял использовать один Дженерик для разных типов контента, поскольку таких комментариев под разными видами контента будет тьма.

понятно.
Еще вопрос по пагинации. У меня она работает, но я так и не понял, как у вас меняется страница автоматом т.е. если сейчас выведено с 1 по 5 то после нажатия на 4 автоматом справа появляется 5? У меня сейчас в этом же порядке, чтоб попасть на 5 нужно нажать на три точки блин ...

Не понял вопроса... В смысле меняется без перезагрузки всей страницы? или что именно?

Я гляну код, как на сайте сделано, но после работы. я не помню всех параметров которые там прописываю... Хотя того, что я вам написал должно быть достаточно...

У меня как бы тоже при выведенных от 1 до 4 нужно нажать на три точки, чтобы попасть на 5ю страницу.


У вас после нажатия на 4стр. 5 появляется сразу после обновления страницы. А у меня после нажатия на 4стр. и обновления страницы 5 не появляется а только ... и поэтому, что перейти на страницу 5 мне нужно нажать на многоточее.
Т.е. у вас не нужно нажимать на ... т.к. следующая цифра страницы сразу появляется. Вот как это работает пока не понял.

Полагаю, что у вас отсутствует компонент page или каким-то образом номер страницы неправильно устанавливается... Либо, возможно имеете забагованную версию django-bootstrap3, тоже может быть ...

у меня сейчас так в коде шаблона, не знаю у вас так же или нет? или я может чет упустил?

покажите python код, больше похоже на то, что у вас сам объект products корявый

вот эта функция, делал по документации джанго

def shop(request):
    context = {}
    products = Product.objects.filter(is_active=True)
    brands = Brand.objects.all()
    paginator = Paginator(products, 1)
    page = request.GET.get('page')
    products = paginator.get_page(page)
    context['products'] = products
    context['brands'] = brands
    return render(request, 'shop/shop.html', context)

хм... я гляну после работы, что у меня там в коде есть, я для пагинации уже давно дженерик написал и код для пагинации уже не пишу, поэтому там, возможно, есть нюанс, о котором я забыл, который касается django-bootstrap*.


ага, спасибо буду ждать ответ.

Погоди-те как... А вас шаблон неправильный...

<div class="pagination">

Там точно не нужен, поскольку bootstrap_pagination генерирует всё, что нужно.

Вот минимально рабочий вариант пагинатора со списком объектов

<div id="articles-list">
    {% load bootstrap_pagination from bootstrap3 %}
    {% for article in object_list %}
        {% include 'knowledge/article_preview.html' %}
    {% endfor %}
    {% bootstrap_pagination object_list pages_to_show="10" %}
</div>

Код взят вот из этой статьи


У вас на той странице написано

article_preview.html - этот шаблон рассматривать не будем, поскольку он не интересен для нас в данном случае
наверно как раз это самое интересное будет в моем случае, могу предположить, что там сам код пагинации, по которому проходит итерация. Можно его посмотреть?

Нету там никакой пагинации от слова - "совсем". Там просто кусок шаблона который отвечает за отрисовку превью одного объекта статьи.

Вот в этой одной строчке вся пагинация

{% bootstrap_pagination object_list pages_to_show="10" %}


понял, ок пошаманю еще немного, если не получиться то и фиг с ним так тоже вполне сойдет.

В общем добился я такого эффекта в пагинации как у вас след.образом. У меня в категории к примеру 8 записей, вот чтоб пагинация так работала нужно в {% bootstrap_pagination products pages_to_show=4 %} поставить ровно половину т.е. скрывать 4стр. Теперь получается, что видимых 5стр. и если нажать на 5 то 6-я автоматом и появляется и т.д. как у вас.
Спасибо за помощь!

А, вот в чём дело было... получается, что у вас просто контента не хватало, чтобы был задействован весь функционал пагинатора

получается да, сейчас делаю новый проект и пока много не добавлял контента так чисто для проверки и тестов, но когда ограничил ровно на половину, то заработало как надо.

RS

а как быть если нет базы и запроса в БД, а данные приходят по запросу в api стороннего сервера, а клиент серверное приложение на django и я хочу реализовать пагинацию на стороне django. В апи я могу пердвать limit, offset, и получать count всех записей
Что тогда нужно передавать в класс пагинатора (вместо all_articles) как тут

кроме количества записей на страницы и как в дальнейшем делать запрос что бы пагинатор работал правильно

Комментарии

Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
Timeweb

Позвольте мне порекомендовать вам отличный хостинг, на котором расположен EVILEG.

В течение многих лет Timeweb доказывает свою стабильность.

Для проектов на Django рекомендую VDS хостинг

Посмотреть Хостинг
ZK

C++ - Тест 004. Указатели, Массивы и Циклы

  • Результат:60баллов,
  • Очки рейтинга-1
V

C++ - Тест 004. Указатели, Массивы и Циклы

  • Результат:70баллов,
  • Очки рейтинга1
V

C++ - Тест 003. Условия и циклы

  • Результат:71баллов,
  • Очки рейтинга1
Популярные публикации за последние 90 дней
Последние комментарии
RS

Django - Урок 007. Добавление Pagination на основе django-bootstrap3

а как быть если нет базы и запроса в БД, а данные приходят по запросу в api стороннего сервера, а клиент серверное приложение на django и я хочу реализовать пагинацию на стороне django. В апи я …
e
  • ethen
  • 28 августа 2021 г. 15:49

Выпуск утилиты развертывания приложений C++/Qt и QML CQtDeployer v1.5

Благодарю. Действительно, подменил файлы от версии 4.0, и все заработало)

Выпуск утилиты развертывания приложений C++/Qt и QML CQtDeployer v1.5

На данный момент Qt Installer Framework не поддерживает Windows 7 смотрите баг #2224
  • 4X_Pro
  • 26 августа 2021 г. 7:32

Распознавание изображений на Python с помощью TensorFlow и Keras

Понимаю. А ещё понимаю, что не потратить время нельзя. День всё равно пройдёт, и вопрос только в том, на что он будет потрачен: на то, что приносит в жизни удовольствие или нет. Насчёт заст…
КС

Qt/C++ - Урок 023. Перетаскивание QGraphicsItem на QGraphicsScene мышью

здравствуйте! Подскажите, пожалуйста, как можно на Вашем примере реализовать вывод контекстного меню при нажатии на квадрат правой кнопкой мыши с целью решения задач: изменить объект и удалить? …
Сейчас обсуждают на форуме
EK

HTTP server на Qt

Мой файл webapp1.ini [listener];host=192.168.0.100port=8080minThreads=4maxThreads=100cleanupInterval=60000readTimeout=60000maxRequestSize=16000maxMultiPartSize=10000000…

QScrollArea dynamically add QCheckBoxes

Всё правильно. Это просто спамер, который отправился в вечный бан.
a
  • ad40
  • 15 сентября 2021 г. 3:32

Qt proxyModel

Добрый день! Разобрался с задачей! (иногда отвлеченное участие приводит к нахождению решения , так что не могу не выразить благодарность участникам данного форума) Все оказаолось дов…
ЯМ

Update data | Django, Ajax

Привет, добрался я к реализации системы общения, тут как раз получилось что попал на ваши статейки, все работает как часы, но осталась одна маленькая деталь, как обновлять сообщения в диалоге и …
ДЧ

Вызов функции Python с Qml

Всем здравствуйте. Незамысловатая задача появилась у меня - вызвать функцию Python с Qml. Смотрел уроки на этом сайте, но что-то я не понимаю. Сверял код Qt C++, вроде как всё также, …
О нас
Услуги
© EVILEG 2015-2021
Рекомендует хостинг TIMEWEB