Menu
CoddyTech

Dołączanie szablonu

Część sekcji Podstawy Django ścieżki Django w Coddy. Lekcja 19 z 23.

Karta napoju (nazwa, opis, cena) powinna znaleźć się na stronie głównej jako dzisiejsza oferta specjalna oraz na stronie /drinks/ przy każdym napoju. Jest gotowa w pliku menu/templates/menu/drink_card.html. Zamiast kopiować ją do dwóch szablonów, dołącz ją:

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

Dołączony szablon zostaje wstawiony w miejscu znacznika i widzi te same zmienne. Jeśli etykieta cenowa odczytuje {{ product.price }}, działa wewnątrz {% for product in products %}. Gdy element ma inną nazwę, with przekazuje nazwę, której oczekuje ten fragment:

{% include "shop/price_tag.html" with product=deal %}
{% extends %} współdzieli ramę; {% include %} współdzieli fragment. Zmień fragment raz, a zmiany pojawią się na każdej stronie.
challenge icon

Wyzwanie

Łatwy
  • Na stronie głównej zastąp <p>Today's special: ...</p> przez <p>Today's special:</p>, a następnie dodaj kartę napoju dla special.
  • Na stronie /drinks/, wewnątrz każdego <li class="drink">, zastąp link i cenę kartą napoju. Zachowaj oznaczenie Sold out.

Naciśnij Uruchom: obie strony wyświetlają te same karty.

Spróbuj swoich sił

{% 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 %}

Wszystkie lekcje w sekcji Podstawy Django

Poćwicz samodzielnie: Edytor online Django