فهرست سرفصل‌های Django
خانه (Home) مقدمه (Intro) شروع به کار (Get Started) ساخت محیط مجازی (Create Virtual Environment) نصب (Install Django) ساخت پروژه (Create Project) ساخت اپ (Create App) ویوها (Views) آدرس ها (URLs) قالب ها (Templates) مدل ها (Models) افزودن داده (Insert Data) به روزرسانی داده (Update Data) حذف داده (Delete Data) به روزرسانی مدل (Update Model) آماده سازی قالب و ویو (Prep Template and View) افزودن لینک به جزئیات (Add Link to Details) افزودن قالب مادر (Add Master Template) افزودن صفحه ایندکس اصلی (Add Main Index Page) قالب 404 (404 Template) افزودن ویوی تست (Add Test View) پنل مدیریت (Admin) ساخت کاربر (Create User) افزودن مدل ها (Include Models) تنظیم List Display (Set List Display) به روزرسانی اعضا (Update Members) افزودن اعضا (Add Members) حذف اعضا (Delete Members) متغیرها (Variables) تگ ها (Tags) شرط if/else (If Else) حلقه for (For Loop) کامنت (Comment) include (Include) معرفی QuerySet (QuerySet Introduction) متد get (QuerySet Get) فیلتر (QuerySet Filter) مرتب سازی (QuerySet Order By) افزودن فایل های استاتیک (Add Static Files) نصب WhiteNoise (Install WhiteNoise) جمع آوری فایل های استاتیک (Collect Static Files) افزودن فایل های استاتیک سراسری (Add Global Static Files) افزودن استایل به پروژه (Add Styles to the Project) مقدمه (PostgreSQL Intro) ساخت حساب AWS (Create AWS Account) ساخت دیتابیس در RDS (Create Database in RDS) اتصال به دیتابیس (Connect to Database) افزودن اعضا (Add Members) Elastic Beanstalk (EB) ساخت requirements.txt (Create requirements.txt) ساخت django.config (Create django.config) ساخت فایل zip (Create .zip File) استقرار با EB (Deploy with EB) به روزرسانی پروژه (Update Project) افزودن فیلد slug (Add Slug Field) افزودن Bootstrap 5 (Add Bootstrap 5) مرجع تگ های قالب (Template Tag Reference) مرجع فیلترها (Filter Reference) مرجع Field Lookups (Field lookups Reference) کامپایلر (Compiler) تمرین ها (Exercises) آزمون (Quiz) سرفصل (Syllabus) برنامه مطالعه (Study Plan) سرور (Server) گواهینامه (Certificate)
نتیجه‌ای برای جستجو یافت نشد.
Django

Django — قالب ها (Templates)

آخرین بروزرسانی: 1404/08/20

قالب ها (Templates)

در جنگو، «قالب (Template)» فایل HTML است. مرورگر همین را می بیند. پس باید خروجی ویو، داخل یک قالب ساخته شود. دقیقاً مثل دفترِ آماده ای که فقط متن داخلش را عوض می کنی.

شروع کار با قالب های جنگو

داخل پوشه members یک پوشه templates بساز و فایل myfirst.html را ایجاد کن.

<!DOCTYPE html>
<html>
<body>

<h1>Hello World!</h1>
<p>Welcome to my first Django project!</p>

</body>
</html>

مشاهده در ادیتور

ویرایش ویو برای رندر قالب

حالا ویو را طوری بنویس که همین قالب را برگرداند. فایل members/views.py را این گونه تنظیم کن.

from django.http import HttpResponse
from django.template import loader

def members(request):
  template = loader.get_template('myfirst.html')
  return HttpResponse(template.render())

مشاهده در ادیتور

نکته: «Template Loader» همان موتورِ پیدا کردن و لودکردن فایل های قالب است.

ثبت اپ در تنظیمات پروژه

برای امکانات بیشتر، باید اسم اپ را در settings.py اضافه کنی. بخش INSTALLED_APPS را ویرایش کن.

INSTALLED_APPS = [
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
  'members'
]

مشاهده در ادیتور

اجرای مایگریشن ها

حالا مایگریشن ها را اجرا کن تا دیتابیس هم مسیر شود.

python manage.py migrate

مشاهده در ادیتور

راه اندازی سرور و مشاهده خروجی

  1. به پوشه /my_tennis_club برو.
  2. سرور توسعه را اجرا کن.
python manage.py runserver

مشاهده در ادیتور

در مرورگر این آدرس را باز کن: 127.0.0.1:8000/members/. باید متن صفحه قالب را ببینی.

نکته: اگر صفحه خالی بود، مسیر فایل قالب یا نام آن را بررسی کن.

جمع بندی سریع

  • قالب HTML خروجی ویو را می سازد.
  • پوشه templates داخل اپ بساز.
  • با loader قالب را رندر کن.
  • اپ را در INSTALLED_APPS ثبت کن.
  • مایگریت کن و سرور را اجرا کن.

برای مسیرها به آدرس های جنگو مراجعه کن. درباره نمایش داده در ویو نیز ویوها را ببین.