【Django】初心者でも簡単にページネーションを実装する方法！

from django.db import models

# Create your models here.
class Sample(models.Model):
    text_field = models.TextField(
        verbose_name="テキスト"
    )

    boolean_field = models.BooleanField(
        verbose_name="True/False"
    )

    integer_field = models.IntegerField(
        verbose_name="整数"
    )

    datetime_field = models.DateTimeField(
        verbose_name="日時"
    )

from django.shortcuts import render
from django.views.generic import ListView
# モデルSampleをインポート
from .models import Sample

class IndexView(ListView):
    template_name = "index.html"
    context_object_name = "records"

    # 整数値でソートして全件取得
    queryset = Sample.objects.order_by('integer_field')

    # ページネーション
    paginate_by = 5

<!-- 前ページがあれば　<< を表示 -->
{% if page_obj.has_previous %}
    <a href="?page={{ page_obj.previous_page_number }}">
        <span>«</span> 
    </a>
{% endif%}

<!-- 1 2 3 4 5 のようなページ一覧を表示（クリックで遷移可能） -->
{% for num in paginator.page_range %}
    {% if page_obj.number == num %}
        <span>{{ num }}</span>
    {% else %}
        <a href="?page={{num}}">{{ num }}</a>
    {% endif %}
{% endfor %}

<!-- 次ページがあれば　>> を表示 -->
{% if page_obj.has_next %}
    <a href="?page={{ page_obj.next_page_number }}">
        <span>»</span>
    </a>
{% endif%}

<!-- ベーステンプレートを読み込み -->
{% extends './base/base.html' %}
<!-- block title に格納したい値 -->
{% block title %}トップページ{% endblock %}
<!-- block pageTitle に格納したい値 -->
{% block pageTitle%}トップページ{% endblock %}
<!-- block contents に格納したい値 -->
{% block contents%}
    <table border="1"> 
        <tr>
            <td>テキスト</td>
            <td>True/False</td>
            <td>整数</td>
            <td>日時</td>
        </tr>
        <!-- for文で「records」を回す -->
        {% for record in records %}
        <tr>
            <!-- models.pyで定めた各フィールドにアクセス -->
            <td>{{record.text_field}}</td>
            <td>{{record.boolean_field}}</td>
            <td>{{record.integer_field}}</td>
            <td>{{record.datetime_field}}</td>
        </tr>
        {% endfor %}
    </table>
    <!-- pagination.htmlの読み込み -->
    {% include "./base/pagination.html" %}
    
{% endblock %}