DEV Community

Francisco Júnior
Francisco Júnior

Posted on • Updated on

Criando Templates no Django: Um Guia Completo com Exemplos

O Django é um framework web popular para desenvolvimento de aplicações Python que segue o padrão Model-View-Controller (MVC) e facilita a criação de aplicativos web robustos e escaláveis. Uma parte essencial do desenvolvimento web no Django é a criação de templates, que permitem a separação entre a lógica de negócios e a apresentação.

Neste artigo, você aprenderá como criar templates no Django e verá exemplos práticos para entender melhor como eles funcionam.

O que são Templates no Django?

Os templates no Django são arquivos que definem a aparência e o layout de suas páginas da web. Eles permitem que você insira dados dinâmicos em páginas HTML, tornando-as interativas e personalizáveis. Os templates são projetados para manter a lógica de apresentação separada da lógica de negócios, seguindo o princípio do "D" no padrão MVC.

Criando um Projeto Django

Antes de começarmos a criar templates, você deve ter um projeto Django configurado. Se você ainda não tiver um, siga estas etapas para criar um novo projeto Django:

  1. Instale o Django usando o pip:
   pip install Django
Enter fullscreen mode Exit fullscreen mode
  1. Crie um novo projeto Django:
   django-admin startproject nome_do_projeto
Enter fullscreen mode Exit fullscreen mode

Agora que você tem um projeto Django pronto, vamos criar um aplicativo dentro do projeto para trabalhar com templates.

Criando um Aplicativo

Os aplicativos no Django são módulos reutilizáveis que contêm modelos, views e outros componentes relacionados a uma funcionalidade específica. Para criar um aplicativo, execute o seguinte comando:

python manage.py startapp nome_do_aplicativo
Enter fullscreen mode Exit fullscreen mode

Configurando os Templates

Antes de começarmos a criar templates, precisamos configurar o Django para reconhecer a pasta onde os templates serão armazenados. No arquivo settings.py do seu projeto, adicione o caminho para a pasta de templates:

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        # ...
    },
]
Enter fullscreen mode Exit fullscreen mode

Certifique-se de criar uma pasta chamada templates dentro do diretório do seu aplicativo.

Criando um Template Simples

Agora, vamos criar um template HTML simples que exibe uma mensagem de boas-vindas. Crie um arquivo chamado index.html na pasta templates do seu aplicativo e adicione o seguinte código:

<!DOCTYPE html>
<html>
<head>
    <title>Meu Primeiro Template Django</title>
</head>
<body>
    <h1>Bem-vindo ao meu site!</h1>
    <p>Este é um exemplo simples de um template Django.</p>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Criando uma View

Para renderizar nosso template, precisamos criar uma view no Django. No arquivo views.py do seu aplicativo, adicione o seguinte código:

from django.shortcuts import render

def index(request):
    return render(request, 'index.html')
Enter fullscreen mode Exit fullscreen mode

Aqui, estamos importando a função render e criando uma view chamada index que renderiza o template index.html.

Configurando as URLs

Agora, precisamos configurar as URLs para direcionar os usuários para a nossa view. No arquivo urls.py do seu aplicativo, adicione o seguinte código:

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index, name='index'),
]
Enter fullscreen mode Exit fullscreen mode

Aqui, estamos criando uma rota vazia que chama a view index quando os usuários acessam a página inicial.

Executando o Servidor de Desenvolvimento

Agora que tudo está configurado, você pode iniciar o servidor de desenvolvimento do Django para testar seu template. Execute o seguinte comando:

python manage.py runserver
Enter fullscreen mode Exit fullscreen mode

Acesse http://localhost:8000/ em seu navegador e você verá a mensagem de boas-vindas do seu template.

Inserindo Dados Dinâmicos

Os templates no Django também permitem que você insira dados dinâmicos em suas páginas. Vamos criar um exemplo simples em que exibimos o nome de um usuário.

Primeiro, atualize a view index no arquivo views.py:

def index(request):
    nome_usuario = "John Doe"
    return render(request, 'index.html', {'nome_usuario': nome_usuario})
Enter fullscreen mode Exit fullscreen mode

Agora, atualize o arquivo index.html para exibir o nome do usuário:

<!DOCTYPE html>
<html>
<head>
    <title>Meu Primeiro Template Django</title>
</head>
<body>
    <h1>Bem-vindo ao meu site, {{ nome_usuario }}!</h1>
    <p>Este é um exemplo simples de um template Django.</p>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Conclusão

Neste artigo, você aprendeu como criar templates no Django e como integrá-los ao seu projeto. Os templates são uma parte fundamental do desenvolvimento web no Django e permitem que você crie páginas da web dinâmicas e personalizáveis. Com a separação de lógica de negócios e apresentação, você pode desenvolver aplicativos web de maneira mais eficiente e escalável.

Este é apenas o começo do uso de templates no Django. À medida que você se aprofunda no desenvolvimento web com Django, você pode criar templates mais complexos e dinâmicos para atender às necessidades do seu aplicativo. Experimente, explore e crie belas interfaces de usuário com o Django!

Top comments (0)