Создание нескольких страниц из массива

Question

Я разрабатываю свой Django Project о гражданском государстве, и у меня есть вопрос в соответствии с моим HTML template.

Я отображая список объектов из моих BirthCertificate table с HTML Array, как вы можете увидеть в моем сценарии:

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

Я получаю эту веб страницу:

Мой вопрос : Как я могу добавить некоторые страницы из моего массива, чтобы отобразить список десять-десять, например? Какой я должен использовать: Python, HTML, Javascript (лучший способ не так ли?), ...?

Это первый раз, когда я делаю такие вещи, и я не нахожусь в StackOverFlow или где-то в другом месте, чтобы это сделать.

Большое вам спасибо заранее!

Answer 1

Возможно, вы ищете pagination. Вы можете добавить страницы в список с помощью Paginator.

ли что-то подобное на ваш взгляд:

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) 

В шаблоне добавить навигации:

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