Erstellen Sie mehrere Seiten von Array

Question

Ich entwickle meine Django Project über Civil State und ich habe eine Frage nach meiner HTML template.

ich die Anzeige einer Liste von Objekten aus meiner BirthCertificate table mit einem HTML Array, wie Sie in meinem Skript sehen:

{% extends 'Base_Accueil.html' %} 

{% load staticfiles %} 

{% block content %} 

{% load bootstrap %} 

     <style> 
     table, th, td { 
     border: 1px solid black; 
     padding: 10px; 
     border-collapse: collapse; 
     text-align: center; 
     } 

     th {background-color: #0083A2;} 

     tr:hover td{background-color:lightslategray;} 

     </style> 

     <!-- Title page --> 

     <h2 align="center"> <font color="#0083A2"> Consultation des tables annuelles et décennales </font></align></h2> 

     <!-- Body page --> 

     <br></br> 
     <h4> <b><font color="#0083A2"> <span class="glyphicon glyphicon-user"></span> Liste des actes de naissance </b></font></h4> 

     <form method="GET" action=""> 
      <input type="text" name="q1" placeholder="Entrer une année" value="{{ request.GET.q1 }}"> &nbsp; 
      <input class="button" type="submit" value="Rechercher"> 
     </form> 

     <br></br> 

     <table style="width:50%"> 
      <tbody> 
       <tr> 
        <th>ID</th> 
        <th>Nom</th> 
        <th>Prénom</th> 
        <th>Date de Naissance</th> 
        <th>Ville de Naissance</th> 
        <th>Pays de Naissance</th> 
        <th>Date création de l'acte</th> 
       </tr> 
       {% for item in query_naissance_list %} 
       <tr> 
        <td> {{item.id}} </td> 
        <td> {{item.lastname}} </td> 
        <td> {{item.firstname}} </td> 
        <td> {{item.birthday}} </td> 
        <td> {{item.birthcity}} </td> 
        <td> {{item.birthcountry}} </td> 
        <td>{{item.created}}</td> 
       </tr> 
       {% endfor %} 
      </tbody> 
     </table> 

    </div> 

{% endblock content %} 

Ich erhalte diese Webseite Seite:

Meine Frage ist: Wie kann ich einige Seiten von meinem Array hinzufügen, um die Liste zehn mal zehn zum Beispiel anzuzeigen? Welche Sprache muss ich verwenden: Python, HTML, Javascript (besser geht es nicht?), ...?

Es ist das erste Mal, dass ich diese Art von Dingen mache und ich finde nicht auf StackOverFlow oder irgendwo anders Hinweise, um das zu tun.

Vielen Dank im Voraus!

Answer 1

Wahrscheinlich suchen Sie nach pagination. Sie können Seiten mit Paginator zur Listenansicht hinzufügen.

Do so etwas wie dies in der Ansicht:

from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger 
paginator = Paginator(query_naissance_list, 10) 
page = request.GET.get('page') 
try: 
    query_naissance_list = paginator.page(page) 
except PageNotAnInteger: 
    query_naissance_list = paginator.page(1) 
except EmptyPage: 
    query_naissance_list = paginator.page(paginator.num_pages) 

In Vorlage hinzufügen Navigation:

{% if query_naissance_list.has_previous %} 
     <a href="?page={{ query_naissance_list.previous_page_number }}">previous</a> 
    {% endif %} 

    <span class="current"> 
     Page {{ query_naissance_list.number }} of {{ query_naissance_list.paginator.num_pages }}. 
    </span> 

    {% if query_naissance_list.has_next %} 
     <a href="?page={{ query_naissance_list.next_page_number }}">next</a> 
    {% endif %}