Menu
CoddyTech

Menyertakan Template

Termasuk bagian Dasar-Dasar Django dalam perjalanan Django di Coddy. Pelajaran 19 dari 23.

Kartu minuman (nama, deskripsi, harga) ditampilkan di halaman beranda untuk menu spesial hari ini dan di /drinks/ untuk setiap minuman. Kartu ini sudah tersedia di menu/templates/menu/drink_card.html. Daripada menyalinnya ke dua templat, sertakan kartu ini:

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

Templat yang disertakan ditempelkan di tempat tag berada, dan templat itu melihat variabel yang sama. Jika label harga membaca {{ product.price }}, kode itu berfungsi di dalam {% for product in products %}. Jika item memiliki nama lain, with meneruskan nama yang diharapkan oleh bagian tersebut:

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

{% extends %} menggunakan bingkai bersama; {% include %} menggunakan bagian bersama. Ubah bagian tersebut sekali, dan setiap halaman akan ikut berubah.

challenge icon

Tantangan

Mudah

Tampilkan kartu minuman dari drink_card.html di kedua halaman.

  1. Di home.html, ganti <p>Today's special: ...</p> dengan <p>Today's special:</p>, lalu tampilkan kartu minuman untuk special.
  2. Di drinks.html, di dalam setiap <li class="drink">, ganti tautan dan harga dengan kartu minuman. Pertahankan tanda Habis terjual.

Tekan Jalankan: halaman utama dan /drinks/ menampilkan kartu yang sama.

Coba sendiri

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

Semua pelajaran di Dasar-Dasar Django

Latihan sendiri: Playground Django