تضمين قالب

جزء من قسم أساسيات Django في رحلة Django على Coddy. الدرس 19 من 23.

تظهر بطاقة المشروب (الاسم والوصف والسعر) في الصفحة الرئيسية لعرض اليوم الخاص، وفي /drinks/ لكل مشروب. وهي جاهزة في menu/templates/menu/drink_card.html. بدلًا من نسخها إلى قالبين، أدرجها:

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

يُدرج القالب المضمَّن في موضع الوسم، ويكون لديه الوصول إلى المتغيرات نفسها. إذا كان وسم السعر يقرأ {{ product.price }}، فسيعمل داخل {% for product in products %}. عندما يكون للعنصر اسم آخر، تمرر with الاسم الذي يتوقعه هذا الجزء:

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

يشارك {% extends %} إطارًا؛ ويشارك {% include %} جزءًا. غيّر الجزء مرة واحدة، وستتبعه كل الصفحات.

التحدي

سهل

اعرض بطاقة المشروب من drink_card.html في كلتا الصفحتين.

في home.html، استبدل <p>Today's special: ...</p> بـ <p>Today's special:</p>، ثم أضف بطاقة المشروب لـ special.
في drinks.html، داخل كل <li class="drink">، استبدل الرابط والسعر ببطاقة المشروب. أبقِ علامة «نفد من المخزون».

اضغط على تشغيل: ستعرض الصفحة الرئيسية و/drinks/ البطاقات نفسها.

جرّب بنفسك

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