【Django】Formを使って、超簡単にデータ登録画面・機能を作成する方法

from django.db import models

# Sampleモデル
class Sample(models.Model):
    text_field = models.CharField(
        verbose_name="テキスト",
        max_length=10
    )

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

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

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

from django.forms import ModelForm
from .models import Sample

# モデルSample用のFormクラス
class SampleForm(ModelForm):
    class Meta:
        # 対象のモデル
        model = Sample
        # フィールド一覧
        fields = ["text_field", "boolean_field", "integer_field", "datetime_field"]

from django.shortcuts import render
# Viewのインポート
from django.views.generic import ListView, CreateView
# Modelのインポート
from .models import Sample
# Formのインポート
from .forms import SampleForm
# reverse_lazyのインポート
from django.urls import reverse_lazy

# トップページ
class IndexView(ListView):
    # 表示する画面
    template_name = "index.html"
    # 取得した結果を「records」と命名
    context_object_name = "records"
    model = Sample
    
# 登録画面
class InsertView(CreateView):
    # formクラスの指定
    form_class = SampleForm
    # 表示する画面
    template_name = "insert.html"
    # 登録成功した場合のリダイレクト先（アプリ名：{ursl.pyのname}）
    success_url = reverse_lazy('insertapp:index')
    
    def form_valid(self, form):
        # POSTデータを取得
        data = form.save(commit=False)
        # 取得したデータを保存
        data.save()
        
        return super().form_valid(form)

{% extends "base.html" %}
{% block title %}登録画面{% endblock %}
{% block contents %}
    <div>
        <form method="POST">
            {% csrf_token %}
            テキスト：{{form.text_field}}
            <br>
            TRUE/FALSE：{{form.boolean_field}}
            <br>
            整数：{{form.integer_field}}
            <br>
            日時：{{form.datetime_field}}

            <button type="submit">登録</button>
        </form>
    </div>


{% endblock%}

{% extends 'base.html' %}
{% block title %}トップページ{% endblock %}
{% block contents %}
<div>
    <h1>トップページ</h1>
    <a href="http://localhost:8000/">トップページへ</a>
    <a href="http://localhost:8000/insert">登録画面へ</a>
    <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>
</div>
{% endblock %}

from django.urls import path
from . import views

app_name = 'insertapp'

urlpatterns = [
    path("", views.IndexView.as_view(), name="index"),
    path("insert/", views.InsertView.as_view(), name="insert")
]