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 için ana sayfada ve her içecek için /drinks/ sayfasında yer almalıdır. Kart menu/templates/menu/drink_card.html dosyasında hazır. İki şablona kopyalamak yerine, kartı içe aktarın:

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

İçe aktarılan şablon, etiketin bulunduğu yere eklenir ve aynı değişkenleri görür. Fiyat etiketi {{ product.price }} değerini okursa, {% for product in products %} içinde çalışır. Öğe başka bir ad taşıyorsa, with beklenen adı parçaya iletir:

{% include "shop/price_tag.html" with product=deal %}
{% extends %} bir çerçeği paylaşır; {% include %} bir parçayı paylaşır. Parçayı bir kez değiştirin, tüm sayfalar güncellensin.
challenge icon

Görev

Kolay
  • Ana sayfada, <p>Today's special: ...</p> ifadesini <p>Today's special:</p> ve ardından special için içecek kartı gelecek şekilde değiştirin.
  • /drinks/ sayfasında, her <li class="drink"> öğesinin içinde bağlantıyı ve fiyatı içecek kartıyla değiştirin. Sold out işaretini koruyun.

Çalıştır'a basın: her iki sayfada da 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