So teilen Sie Vorlage für den angegebenen Link für die Seitennummerierung:

Question

Angesichts dieser link für Twitter-Stil Paginierung in Django. Ich versuche, dasselbe in meiner App zu implementieren, kann aber die Aufteilung der Vorlage nicht verstehen. Ich gebe hier den Code meiner HTML-Seite an, für die ich die Paginierung anwenden möchte. Kann mir bitte jemand helfen, indem ich antworte, was ich in die zwei Vorlagen schreiben soll, ist eine entry_index.html und andere ist entry_index_page.html (wie im Link erwähnt) nach meinem HTML-Code?

Unten ist mein Code zu HTML-Seite, für die ich Paginierung bin Anwendung:

{% 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

In 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> 

Sie sehen, ich die for-Schleife ausgeschlossen, Ich ersetzte es durch

{%include page_template %} 

Setzen Sie die for-Schleife in entry_index_page.html. Vergessen Sie nicht, wie hier die page_template Variable zu definieren: https://django-endless-pagination.readthedocs.io/en/latest/twitter_pagination.html#split-the-template

mein Versuch hier, wenn ich zum ersten Mal django-endless-Paginierung getestet, es ist eine einfache Anzeige einer Liste von Fotos mit ‚Show mehr‘ Taste:

{% 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 %}