Seu primeiro template
Parte da seção Fundamentos do Django do Journey de Django da Coddy. Lição 11 de 23.
O HTML da página inicial ficou longo demais para uma string Python. O Django mantém o HTML em um template, um arquivo que a view renderiza. A view do carrinho de uma loja:
from django.shortcuts import render
def cart(request):
return render(request, "shop/cart.html")render() lê o template, preenche-o e retorna um HttpResponse. O Django procura "shop/cart.html" na pasta templates/ de cada app em INSTALLED_APPS, em settings.py. Portanto, duas coisas precisam estar corretas:
- o app está em
INSTALLED_APPS; - o arquivo está em
shop/templates/shop/cart.html. A repetição deshopmantém esse arquivo separado docart.htmlde outro app.
Se qualquer uma dessas condições não for atendida, a página falha com TemplateDoesNotExist, listando todas as pastas que o Django pesquisou. A tag {% url %} em home.html cria o link Sobre; uma lição posterior explica isso.
Desafio
FácilO HTML da página inicial está pronto em menu/templates/menu/home.html. Faça a view home renderizá-lo.
- Em
mysite/settings.py, adicione"menu"aINSTALLED_APPS. O Django encontra templates somente nos aplicativos listados ali. - Em
menu/views.py, importerenderdedjango.shortcutse substitua a linhareturnda viewhomepara que ela renderize"menu/home.html".
Pressione Run: a barra de título do site exibe Corner Café.
Experimente você mesmo
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.")
Todas as lições de Fundamentos do Django
1Seu Primeiro Site com Django
Olá, DjangoUma Segunda Página4Layouts e Arquivos Estáticos
Herança de TemplatesUm Título para Cada Página3Templates
Seu primeiro templateVariáveis de templatePratique por conta própria: Playground de Django