Evgenij LegotskojSept. 21, 2016, 12:12 p.m.

Django - Tutorial 007. Adding Pagination based on django-bootstrap3

The number of articles on the new site began to approach the 10 pieces, so urgently add Pagination, to be able to flip through the pages on the site. But as already used django-bootstrap3 module, and Pagination will be used in this module. Why do the extra work, when it is all done? Is not it.

To add Pagination is necessary:

  1. Use Paginator class from django.core.pagination;
  2. Add to bootstrap_pagination main page template-bound;
  3. Add the checking current page number;
  4. And ... do not add anything new to the url templates.

Adding Paginator into view

Paginator - a class that contains the current page, which is loaded when calling page(), which will be transferred to the page number as an argument. In our case, we will try to pick up the number of the page, if it exists, or if the page is displayed out of the number of pages that display the latest. If the number was not transferred, it will refund the first page.

from django.shortcuts import render\_to\_response
from django.views import View
from django.core.paginator import Paginator

from knowledge.models import *

# Presentation based on View class
class EIndexView(View):

    def get(self, request):
        context = {}
        # Taking all of the published article, sorted by date of publication
        all\_articles = Article.objects.filter(article\_status=True).order\_by('-article\_date')
        # Create Pagination, in which we send article and show,
        # that there will be 10 pieces on one page
        current\_page = Paginator(all\_articles, 10)

        # Pagination in django\_bootstrap3 send response in this view:
        # "GET /?page=2 HTTP/1.0" 200,
        # So you need to pick up the page and try to pass it in Paginator, to find the page
        page = request.GET.get('page')
        try:
            # If there is, then choose this page
            context['article\_lists'] = current\_page.page(page)  
        except PageNotAnInteger:
            # If None, then select the first page
            context['article\_lists'] = current\_page.page(1)  
        except EmptyPage:
            # If you have gone beyond the last page, it returns the last
            context['article\_lists'] = current\_page.page(current\_page.num\_pages) 

        return render\_to\_response('home/index.html', context)

Information about URL-pattern

from django.conf.urls import url

from . import views

app\_name = 'home'
urlpatterns = [
    url(r'^$', views.EIndexView.as\_view(), name='index'),
]

Custom page template

The template is inherited from home/base.html which contains header information, etc., which are not interesting in this case.

In fact, in the context of the object has been transferred Paginator with selected pages and then as a regular queryset objects through the loop deployed in tape articles.

But the most interesting thing is that the more we load the module and insert bootstrap3 bootstrap_pagination, passing it as a context the same article_lists .

{% extends 'home/base.html' %}
{% block page %}
    <h1>Publications</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 }}">Read more</a></p>
                {% include 'knowledge/article\_footer.html' %}
            </article>
        {% endfor %}
    {% endif %}
{% load bootstrap3 %}
{% bootstrap\_pagination article\_lists %}
{% endblock %}

For Django I recommend VDS-server of Timeweb hoster .

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Как вы в своем шаблоне сделали в пагинации отображение 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) как тут

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

Просто список каких-нибудь объектов передавайте, который дёрнули ищ api стороннего сервера

from django.core.paginator import Paginator
objects = ['john', 'paul', 'george', 'ringo']
p = Paginator(objects, 2)

Comments

Only authorized users can post comments.
Please, Log in or Sign up
Fornex

Let me recommend you a great European Fornex hosting.

Fornex has proven itself to be a stable host over the years.

For Django projects I recommend VPS hosting

Following the link you will receive a 5% discount on shared hosting services, dedicated servers, VPS and VPN

View Hosting
JS

C ++ - Test 004. Pointers, Arrays and Loops

  • Result:50points,
  • Rating points-4
V

C ++ - Test 004. Pointers, Arrays and Loops

  • Result:50points,
  • Rating points-4
DK

C ++ - Test 004. Pointers, Arrays and Loops

  • Result:20points,
  • Rating points-10
Popular publications in the last 90 Days
Last comments

Qt/C++ - Lesson 005. QSqlRelationalTableModel - The work with relational tables

Хочу поделится, мы сделали свой вариант QSqlRelationalTableModel и заодно к нему новое развитие QTableView, и получилась готовая таблица PblTableDlg, у которой реализованы внешние связи, комбобо…
S

Qt WinAPI - Lesson 004. QtIFW - Automation WinDeployQt and build installers with Qt Installer Framework

Hello Evgenij, regarding the online installer, I've tried many times to use web host for the created repo after repogen step. I tried using github but I found people talking it is not …
  • juvf
  • Jan. 16, 2023, 10:18 p.m.

Qt/C++ - Lesson 051. QMediaPlayer – simple audio player

PS. Почти дописал плеер на QML. Уперся в ограничения QML. Переписываю плеер на с++/qt, а графика останится в qml. Нашел то, что мне надо, а именно индикатор звука. Qt может перехватывать аудиопо…

Qt/C++ - Lesson 039. How to paint stroke in QSqlTableModel by value in the column?

В этом случае вижу только какой-нибудь костыль в стиле перебора по всем индексам в заголовке с помощью методу headerData . То есть пройтись в for цикле пока не будет совпадения н…
a
  • avt
  • Dec. 12, 2022, 9:06 a.m.

Qt/C++ - Lesson 039. How to paint stroke in QSqlTableModel by value in the column?

Спасибо за ответ. Нет, дело не в читаемости кода, в разных таблицах у меня есть столбцы с одинаковым именем, но с разными индексами. Хотел сделать решение по имени столбца для всех таблиц сразу.…
Now discuss on the forum

django rest framework лишние символы

Покажите код сериализатора вашего.

Здравствуйте помогите с qml

нужно высчитывать координаты того, что должно двигаться, полагаю, что тот маленький круг, и в случае выхода за пределы круга менять переменную типа bool на true/false, которая в свою очередь буд…
  • BlinCT
  • Jan. 30, 2023, 11:59 a.m.

Обращение к сигналу из qml который реализован в другом потоке

Хотя есть мысль что я не правильно создаю реакцию на данный сигнал. Но вроде как правильно все.
VA

Как добавить виртуальную клавиатура с Т9 в своей проект на QML.

Добрый день. Прошу помочь, пишу небольше приложение в Qt. Добвил в свой проект виртуальную клавиатуру от Qt. Но как добавить в него возможность изменения Т9 никак не могу понять.
P
About
Services
© EVILEG 2015-2022
Recommend hosting TIMEWEB