【初めてのDjango】（発展編 #07）UpdateViewを用いてデータベース編集

from django.urls import path
from . import views

app_name = 'cafe_app'
urlpatterns = [
    # ... 略 ...
    path('menu-detail/<int:pk>/', views.MenuDetailView.as_view(), name="menu_detail"), 
    path('menu-update/<int:pk>/', views.MenuUpdateView.as_view(), name="menu_update"), 
]

from django.urls import reverse_lazy
from django.views import generic
from django.contrib import messages
from django.contrib.auth.mixins import LoginRequiredMixin

from .forms import ContactForm, CreateMenuForm
from .models import CafeMenu

# ... 略 ...

class MenuUpdateView(LoginRequiredMixin, generic.UpdateView):
    model = CafeMenu
    template_name = 'menu_update.html'
    form_class = CreateMenuForm

    # URLが動的に変化するページに遷移する場合に用いる
    def get_success_url(self):
        return reverse_lazy('cafe_app:menu_detail', kwargs={'pk': self.kwargs['pk']})
    
    # 処理が成功した時に実行される
    def form_valid(self, form):
        messages.success(self.request, 'メニューを更新しました')
        return super().form_valid(form)
    
    # 処理が失敗した時に実行される
    def form_invalid(self, form):
        messages.error(self.request, 'メニューの更新に失敗しました')
        return super().form_invalid(form)

form_class = CreateMenuForm

def get_success_url(self):
    return reverse_lazy('cafe_app:menu_detail', kwargs={'pk': self.kwargs['pk']})

# 編集が成功した時の処理
def form_valid(self, form):
    messages.success(self.request, 'メニューを更新しました')
    return super().form_valid(form)
    
# 編集が失敗した時の処理
def form_invalid(self, form):
    messages.error(self.request, 'メニューの更新に失敗しました')
    return super().form_invalid(form)

{% extends 'base.html' %}

{% load static %}

{% block title %}お問い合わせ{% endblock title %}

{% block contents %}
<section class="sectionContact">
    <div class="wrapperHeader">
        <h2>UPDATE</h2>
    </div>
    <div class="wrapperUpdateForm">
        <form class="formUpdate" method="post" enctype="multipart/form-data">
            {% csrf_token %}

            {{ form.non_field_errors }}

            {{ form.as_p }}
            <div class="wrapperUpdateBtns">
                <button class="btn btnUpdate" type="submit">更 新</button>
                <a class="btn btnCancel" href="{% url 'cafe_app:menu_detail' object.pk %}"><p>キャンセル</p></a>
            </div>
        </form>
    </div>
    <a class="backToHome" href="{% url 'cafe_app:index' %}">＜＜＜ホームに戻る</a>
</section>
{% endblock contents %}

<form class="formUpdate" method="post" enctype="multipart/form-data">

{{ form.as_p }}

href="{% url 'cafe_app:menu_detail' object.pk %}

{% extends 'base.html' %}

{% load static %}

{% block title %}メニュー詳細{% endblock title %}

{% block contents %}
<section class="sectionMenu">
    <div class="wrapperHeader">
        <h2>MENU DETAIL</h2>
    </div>
    <div class="wrapperMenu">
        <ul class="ulMenu">
            <li class="menuContent">
                {% if object.photo %}
                    <img src="{{ object.photo.url }}" alt="{{ object.name }}">
                {% endif %}
                <h3>{{ object.name }}</h3>
                <p class="price">{{ object.price }}円</p>
                <p class="description">{{ object.description }}</p>
                <hr>
                <p class="created_at">作成日時：{{ object.created_at }}</p>
                <p class="updated_at">更新日時：{{ object.updated_at }}</p>
            </li>
        </ul>
        <div class="wrapperEditBtns">
            <a class="btn-update" href="{% url 'cafe_app:menu_update' object.pk %}">編 集</a>
        </div>
    </div>
    <a class="backToHome" href="{% url 'cafe_app:index' %}">＜＜＜ホームに戻る</a>
</section>
{% endblock contents %}

<a class="btn-update" href="{% url 'cafe_app:menu_update' object.pk %}">編 集</a>