include (Include)
تگ include یعنی «قالب توی قالب». بخش مشترک را یک بار می نویسی. سپس در چند صفحه استفاده می کنی. مثل برگه اعلان مدرسه که همه کلاس ها می چسبانند.
ایده اصلی include
یک فایل جزء بساز. سپس آن را داخل قالب اصلی وارد کن. این کار تکرار را کم می کند.
نمونه: فوتر مشترک
templates/footer.html:
<p>You have reached the bottom of this page, thank you for your time.</p>
templates/template.html:
<h1>Hello</h1>
<p>This page contains a footer in a template.</p>
{% include 'footer.html' %}
نکته: نام فایل را درست بنویس. سپس جنگو همان فایل را می آورد.
ارسال متغیر به include با with
می توانی مقدار بدهی. سپس داخل جزء با همان نام استفاده می شود.
نمونه: منوی پویا
templates/mymenu.html:
<div>HOME | {{ me }} | ABOUT | FORUM | {{ sponsor }}</div>
templates/template.html:
<!DOCTYPE html>
<html>
<body>
{% include "mymenu.html" with me="TOBIAS" sponsor="W3SCHOOLS" %}
<h1>Welcome</h1>
<p>This is my webpage</p>
</body>
</html>
گام های عملی
- یک جزء مثل
footer.htmlبساز. - در صفحه اصلی از
includeاستفاده کن. - با
withمتغیر بفرست. - خروجی را بررسی کن و نام ها را چک کن.
جمع بندی سریع
includeتکرار را کم می کند.withمقدار می فرستد.- مسیر فایل باید درست باشد.
- اجزا را کوچک و مستقل نگه دار.
برای دیدن دیگر تگ ها به تگ های قالب جنگو برو. همچنین بخش های کامنت و شرط if/else را تمرین کن.