Menu
CoddyTech

Menyertakan Template

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

Kartu minuman (nama, deskripsi, harga) perlu 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 template, sertakan kartu ini:

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

Template yang disertakan ditempelkan di tempat tag berada, dan menggunakan variabel yang sama. Jika tag harga membaca {{ product.price }}, tag itu berfungsi di dalam {% for product in products %}. Jika item memiliki nama lain, with meneruskan nama yang dibutuhkan bagian tersebut:

{% include "shop/price_tag.html" with product=deal %}
{% extends %} berbagi kerangka, sedangkan {% include %} berbagi bagian. Ubah bagian itu sekali, lalu setiap halaman akan mengikuti perubahan tersebut.
challenge icon

Tantangan

Mudah
  • Di halaman beranda, ganti <p>Today's special: ...</p> dengan <p>Today's special:</p>, lalu tambahkan kartu minuman untuk special.
  • Di /drinks/, di dalam setiap <li class="drink">, ganti tautan dan harga dengan kartu minuman. Pertahankan tanda Habis terjual.

Tekan Jalankan: kedua halaman 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