Как разделить шаблон по заданной ссылке на нумерацию страниц:

Question

Учитывая эту ссылку для нумерации в стиле твиттер в Джанго. Я пытаюсь реализовать то же самое в моем приложении, но не могу понять разбиение шаблона. Я даю здесь код моей HTML-страницы, для которой я хочу применить нумерацию страниц. Может кто-нибудь, пожалуйста, помогите мне, ответив на то, что я должен написать в двух шаблонах один entry_index.html и другое entry_index_page.html(как указано в ссылке) в соответствии с моим HTML-кодом?

Ниже мой код для HTML-страницы, для которой я применяю нумерацию страниц:

{% extends 'talks/base.html' %}
{% block content  %}
<!-- .header-bottom-wrapper -->
<div class="header-bottom-wrapper">
<div class="container">
    <div class="row">
        <!-- Page Head -->
        <div class="page-head col-lg-12">
            <h2 class="page-title">Gallery</h2>
        </div>
        <!-- End Page Head -->
    </div>
    </div>
    </div><!-- End of .header-bottom-wrapper -->

 <!-- page-container -->
<div class="page-container container">

<!-- Gallery Filter -->

<div id="gallery-container">
    <div class="row gallery-4-columns isotope clearfix">


    {% for photo in pics %}
        <div class="gallery-item isotope-item issues  col-lg-3 col-md-3 col-sm-3 col-xs-6">
            <figure>
                <a class="zoom swipebox" href="{{photo.image.url}}" title="{{photo.title}}"></a>
                <div class="media_container"></div>
                <img src="{{photo.image.url}}" alt="{{photo.title}}" width="346px" height="200px">
            </figure>
        </div>
    {% endfor %}
    </div>

</div>

</div><!-- End of .page-container -->

{% endblock %}

Answer 1

В entry_index.html:

{% extends 'talks/base.html' %}
{% block content  %}
<!-- .header-bottom-wrapper -->
<div class="header-bottom-wrapper">
<div class="container">
    <div class="row">
    <!-- Page Head -->
    <div class="page-head col-lg-12">
        <h2 class="page-title">Gallery</h2>
    </div>
    <!-- End Page Head -->
</div>
</div>
</div><!-- End of .header-bottom-wrapper -->

<!-- page-container -->
<div class="page-container container">

<!-- Gallery Filter -->

<div id="gallery-container">
    <div class="row gallery-4-columns isotope clearfix">

{%include page_template %}

</div>

Вы видите, я исключил цикл for, я заменил его на

{%include page_template %}

Поместите цикл for в entry_index_page.html. Не забудьте определить переменную page_template как здесь: https://django-endless-pagination.readthedocs.io/en/latest/twitter_pagination.html

Вот моя попытка, когда я впервые протестировал django-endless-pagination, это простое отображение списка фотографий с кнопкой "показать больше":

{%  load el_pagination_tags %}
{% paginate photos %}
   {% for photo in photos %}
       <div class="well col-xs-12 col-md-8 col-md-offset-2">
            <div class="row">{{ forloop.counter }}</div>
            <div class="row">{{ photo.description }}</div>
            <div class="row">
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img src="{{ photo.image.url }}" class="img-responsive">
                    </div>
                </div>
            </div>

       </div>

    {% endfor %}
{% show_more %}