【初めてのDjango】（発展編 #04）ListViewを用いてモデル情報を描写する

class MenuView(generic.TemplateView):
    template_name = "menu.html"

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        context['menu_items'] = [
            {
                'name': 'ブレンドコーヒー', 
                'price': 420, 
                'description': '当店おすすめの一杯です。\n迷った場合はぜひこちらをご堪能ください。', 
                'img_path': 'brend-coffee.jpg'
            }, 
            {
                'name': 'カフェオレ', 
                'price': 500, 
                'description': '産地直送の贅沢ミルクを使用しています。\nオリジナルのラテアートも自慢です。', 
                'img_path': 'cafe-au-lait.jpg'
            }, 
            {
                'name': '紅茶', 
                'price': 480, 
                'description': '圧倒的な茶葉使用。\n\n故郷でもない外国の景色に想いを馳せることができます。', 
                'img_path': 'black-tea.jpg'
            }, 
        ]

        return context

(venv_cafe)$ pip install Pillow

# 開発環境におけるメディアファイルの配置場所（「media/」はGithub管理する必要なし）
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

# 画像を配信するURLのホスト名以下を指定
# 例えば「hoge.png」なら、'https://<ホスト名>/media/hoge.png'で配信される
MEDIA_URL = '/media/'

# ... 略 ...
from django.contrib.staticfiles.urls import static

from . import settings

# ... 略 ...

# 開発サーバーでメディアを配信できるように
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

from django.db import models


class CafeMenu(models.Model):
    """カフェのメニューのモデル"""

    photo = models.ImageField(verbose_name='写真', blank=True, null=True)
    name = models.CharField(verbose_name='商品名', max_length=255, default='商品名')
    price = models.PositiveIntegerField(verbose_name='値段')
    description = models.CharField(verbose_name='説明', max_length=255)

    class Meta:
        # 管理画面での表示。verbose_name = ''だと s がつく
        verbose_name_plural = 'Cafe_App'
    
    # 管理画面でレコードを判明できるように表示されるものを設定.
    def __str__(self):
        return self.name

from accounts.models import CustomUser
from django.db import models


class CafeMenu(models.Model):
    """カフェのメニューのモデル"""

    # カスタムユーザーモデルから引っ張ってくる.
    user = models.ForeignKey(CustomUser, verbose_name='ユーザー', on_delete=models.PROTECT)
    photo = models.ImageField(verbose_name='写真', blank=True, null=True)
    name = models.CharField(verbose_name='商品名', max_length=255, default='商品名')
    price = models.PositiveIntegerField(verbose_name='値段')
    description = models.CharField(verbose_name='説明', max_length=255)
    created_at = models.DateTimeField(verbose_name='作成日時', auto_now_add=True)
    updated_at = models.DateTimeField(verbose_name='更新日時', auto_now=True)

    class Meta:
        # 管理画面での表示名を指定。
        verbose_name_plural = 'Cafe_App'
    
    # 管理画面でレコードを判明できるように表示されるものを設定.
    def __str__(self):
        return self.name

from django.contrib import admin

from .models import CafeMenu

admin.site.register(CafeMenu)

from django.urls import path
from . import views

app_name = 'cafe_app'
urlpatterns = [
    path('', views.IndexView.as_view(), name="index"), 
    path('menu', views.MenuView.as_view(), name="menu"), 
    path('contact', views.ContactView.as_view(), name="contact"), 
    path('original-menu-list', views.OriginalMenuList.as_view(), name="original_menu_list"), 
]

# ... 略 ...
from django.contrib.auth.mixins import LoginRequiredMixin

from .models import CafeMenu

# ... 略 ...

class OriginalMenuList(LoginRequiredMixin, generic.ListView):
    model = CafeMenu
    template_name = 'original_menu_list.html'

    def get_queryset(self):
        # ログインユーザーに基づいたメニューを抽出している.さらに作成日時の新しい順でソート.
        menus = CafeMenu.objects.filter(user=self.request.user).order_by('-created_at')
        return menus

# このモデルのデータを
model = CafeMenu
# ここに渡す
template_name = 'original_menu_list.html'

def get_queryset(self):
    # ログインユーザーに基づいたメニューを抽出している.さらに作成日時の新しい順で.
    menus = CafeMenu.objects.filter(user=self.request.user).order_by('-created_at')
    return menus

{% extends 'base.html' %}

{% load static %}

{% block title %}オリジナルメニュー{% endblock title %}

{% block contents %}
<section class="sectionMenu">
    <div class="wrapperHeader">
        <h2>ORIGINAL MENU</h2>
    </div>
    <div class="wrapperMenu">
        <ul class="ulMenu">
            {% for menu in object_list %}
                <li class="menuContent">
                    <img src="{{ menu.photo.url }}" alt="{{ menu.name }}">
                    <h3>{{ menu.name }}</h3>
                    <p class="price">{{ menu.price }}円</p>
                    <p class="description">{{ menu.description }}</p>
                </li>
            {% empty %}
                <p>メニューがありません</p>
            {% endfor %}
        </ul>
    </div>
    <a class="backToHome" href="{% url 'cafe_app:index' %}">＜＜＜ホームに戻る</a>
</section>
{% endblock contents %}

<nav>
    <ul>
        <!-- ... 略 ... -->
        <li><a href="{% url 'cafe_app:original_menu_list' %}">ORIGINAL</a></li>
        <!-- ... 略 ... -->
    </ul>
</nav>

(venv_cafe)$ python manage.py makemigrations
(venv_cafe)$ python manage.py migrate

(venv_cafe)$ python manage.py createsuperuser --settings cafe.settings

ユーザー名: <任意のユーザー名>
メールアドレス: <任意のメールアドレス>
Password: <任意のパスワード>
Password (again): <任意のパスワード>
Superuser created successfully.