Menu
CoddyTech

Şablon Ekleme

Coddy'nin Django Journey'sinin Django Temelleri bölümünün bir parçası. Ders 19 / 23.

Bir içecek kartı (ad, açıklama, fiyat), günün özel içeceği olarak ana sayfada ve her içecek için /drinks/ sayfasında yer alır. menu/templates/menu/drink_card.html dosyasında hazırdır. İki şablona kopyalamak yerine, onu içe aktarın:

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

İçeri aktarılan şablon, etiketin bulunduğu yere eklenir ve aynı değişkenleri görür. Fiyat etiketi {{ product.price }} okuyorsa, {% for product in products %} içinde çalışır. Öğe başka bir ada sahipse, with parçanın beklediği adı iletir:

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

{% extends %} bir çerçeği, {% include %} ise bir parçayı paylaşır. Parçayı bir kez değiştirin, tüm sayfalar buna uysun.

challenge icon

Görev

Kolay

Her iki sayfada da drink_card.html dosyasındaki içecek kartını göster.

  1. home.html içinde <p>Today's special: ...</p> ifadesini, ardından special için içecek kartı gelecek şekilde <p>Today's special:</p> ile değiştir.
  2. drinks.html içinde, her bir <li class="drink"> öğesinin içinde bağlantıyı ve fiyatı içecek kartıyla değiştir. Sold out işaretini koru.

Run düğmesine bas: ana sayfada ve /drinks/ sayfasında aynı kartlar görünür.

Kendin dene

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

Django Temelleri bölümündeki tüm dersler

Kendi başına pratik yap: Django playground