Menu
CoddyTech

تضمين قالب

جزء من قسم أساسيات 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 %} فيشارك جزءًا. غيّر الجزء مرة واحدة، وستتبعك كل الصفحات.
challenge icon

التحدي

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

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

جرّب بنفسك

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

تدرّب بنفسك: Playground لـ Django