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 jest wstawiany w miejscu znacznika i ma dostęp do tych samych zmiennych. Jeśli znacznik ceny 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 szkielet; {% include %} współdzieli fragment. Zmień fragment raz, a zmiana pojawi się na każdej stronie.

challenge icon

Wyzwanie

Łatwy

Wyświetl kartę napoju z drink_card.html na obu stronach.

  1. W pliku home.html zastąp <p>Today's special: ...</p> przez <p>Today's special:</p>, a następnie dodaj kartę napoju dla special.
  2. W pliku drinks.html, wewnątrz każdego <li class="drink">, zastąp link i cenę kartą napoju. Zachowaj oznaczenie „Wyprzedano”.

Naciśnij Uruchom: strona główna i /drinks/ 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