템플릿 포함하기

Coddy Django 여정의 Django 기초 섹션에 포함된 레슨. 23개 중 19번째.

음료 카드(이름, 설명, 가격)는 오늘의 특별 메뉴를 위한 홈 페이지와 모든 음료를 보여 주는 /drinks/ 페이지에 표시되어야 합니다. menu/templates/menu/drink_card.html에 준비되어 있습니다. 두 템플릿에 복사하는 대신 다음과 같이 포함하세요.

{% include "shop/price_tag.html" %}

포함된 템플릿은 태그가 있는 위치에 삽입되며, 동일한 변수를 사용할 수 있습니다. 가격 태그에서 {{ product.price }}를 읽는다면 {% for product in products %} 안에서도 작동합니다. 항목의 이름이 다른 경우에는 with를 사용해 해당 조각이 기대하는 이름을 전달하세요.

{% include "shop/price_tag.html" with product=deal %}

{% extends %}는 틀을 공유하고, {% include %}는 조각을 공유합니다. 조각을 한 번만 수정하면 모든 페이지에 반영됩니다.

챌린지

쉬움

홈 페이지에서 <p>Today's special: ...</p>을 <p>Today's special:</p>로 바꾸고, 그 뒤에 special의 음료 카드를 추가하세요.
/drinks/에서 각 <li class="drink"> 안의 링크와 가격을 음료 카드로 바꾸세요. 품절 표시는 그대로 두세요.

실행을 누르세요. 두 페이지에 같은 카드가 표시됩니다.

직접 해보기

{% extends "menu/base.html" %}

{% block content %}
    <h1>Welcome to Corner Café</h1>
    <p>Fresh coffee and cake every day.</p>
    <p>Today's special: {{ special.name }}</p>
    <a href="{% url 'menu:about' %}">About us</a>
{% endblock %}