התבנית הראשונה שלך

חלק מהיחידה יסודות Django במסלול ה-Django של Coddy. שיעור 11 מתוך 23.

קוד ה-HTML של דף הבית התארך מדי בשביל מחרוזת Python. Django שומר HTML בתבנית, קובץ שהתצוגה מרנדרת. כך נראית תצוגת עגלת קניות של חנות:

from django.shortcuts import render


def cart(request):
    return render(request, "shop/cart.html")

render() קוראת את התבנית, ממלאת אותה ומחזירה HttpResponse. Django מחפשת את "shop/cart.html" בתיקיית templates/ של כל אפליקציה שמופיעה ב-INSTALLED_APPS, בתוך settings.py. לכן שני דברים חייבים להיות מוגדרים נכון:

האפליקציה מופיעה ב-INSTALLED_APPS;
הקובץ נמצא ב-shop/templates/shop/cart.html. החזרה על shop מבדילה אותו מקובץ cart.html של אפליקציה אחרת.

אם אחד מהם חסר, הדף קורס עם TemplateDoesNotExist, שמפרטת את כל התיקיות ש-Django חיפשה בהן. התג {% url %} שב-home.html יוצר את הקישור לעמוד About; שיעור מאוחר יותר יסביר אותו.

אתגר

קל

קוד ה־HTML של דף הבית מוכן ב־menu/templates/menu/home.html. גרמו לתצוגת home לרנדר אותו.

ב־mysite/settings.py, הוסיפו את "menu" אל INSTALLED_APPS. Django מוצא תבניות רק באפליקציות שמופיעות שם.
ב־menu/views.py, ייבאו את render מתוך django.shortcuts והחליפו את שורת ה־return של תצוגת home כך שהיא תרנדר את "menu/home.html".

לחצו על Run: בשורת הכותרת של האתר מופיע Corner Café.

נסו בעצמכם

from django.http import Http404, HttpResponse
from django.urls import reverse

DRINKS = {
    "espresso": {"name": "Espresso", "price": 2.5, "description": "A short, strong shot of coffee."},
    "latte": {"name": "Latte", "price": 3.5, "description": "Espresso with lots of steamed milk."},
    "flat-white": {"name": "Flat White", "price": 3.75, "description": "Espresso with a thin layer of silky milk."},
    "hot-chocolate": {"name": "Hot Chocolate", "price": 3, "description": "Dark chocolate melted into warm milk."},
}


def home(request):
    about_url = reverse("menu:about")
    return HttpResponse(
        "<h1>Welcome to Corner Café</h1><p>Fresh coffee and cake every day.</p>"
        f'<a href="{about_url}">About us</a>'
    )


def about(request):
    return HttpResponse("Corner Café opened in 2026.")


def hours(request):
    return HttpResponse("Open every day from 8:00 to 18:00.")


def contact(request):
    return HttpResponse("Write to us at hello@cornercafe.example.")


def table(request, number):
    return HttpResponse(f"<h1>Table {number}</h1>")


def drink(request, slug):
    if slug not in DRINKS:
        raise Http404(f"No drink called {slug}")
    item = DRINKS[slug]
    return HttpResponse(f"<h1>{item['name']}</h1><p>{item['description']}</p>")


def order(request):
    size = request.GET.get("size", "medium")
    if size not in ["small", "medium", "large"]:
        size = "medium"
    return HttpResponse(f"You ordered a {size} coffee.")