فهرست سرفصل‌های 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 — آماده سازی قالب و ویو (Prep Template and View)

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

آماده سازی قالب و ویو (Prep Template and View)

در این بخش «آماده سازی قالب جنگو» را انجام می دهیم. «قالب (Template)» فایل HTML است. «ویو (View)» کد پایتون است که داده را به قالب می فرستد. سپس نتیجه در مرورگر نمایش می شود.

ساخت قالب: all_members.html

یک فایل به نام all_members.html داخل پوشه templates/ بساز. این فایل لیست اعضا را نشان می دهد.

<!DOCTYPE html>
<html>
<body>

<h1>Members</h1>
  
<ul>
  {% for x in mymembers %}
    <li>{{ x.firstname }} {{ x.lastname }}</li>
  {% endfor %}
</ul>

</body>
</html>

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

کدهای داخل {% ... %} «تگ های جنگو (Django Tags)» هستند. این تگ ها منطق ساده را داخل HTML اجرا می کنند.

ویرایش ویو: ارسال داده به قالب

در ویو، مدل Member را می خوانیم و با «کانتکست (Context)» به قالب می فرستیم.

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

def members(request):
  mymembers = Member.objects.all().values()
  template = loader.get_template('all_members.html')
  context = {
    'mymembers': mymembers,
  }
  return HttpResponse(template.render(context, request))

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

نکته: «کانتکست» یک دیکشنری است. کلیدها در قالب قابل دسترسی هستند.

اجرای سرور و دیدن نتیجه

سرور را اجرا کن و آدرس صفحه اعضا را باز کن.

python manage.py runserver

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

سپس به http://127.0.0.1:8000/members/ برو و خروجی را ببین.

جمع بندی سریع

  • قالب را در templates/ بساز.
  • داده مدل را در ویو بخوان.
  • با کانتکست، داده را به قالب بده.
  • سرور را اجرا کن و نتیجه را ببین.

مطالب مرتبط: از به روزرسانی مدل برگرد و برای ادامه، افزودن لینک و جزئیات را دنبال کن. همچنین مرور قالب ها مفید است.