Browse Source

🌐 Add Portuguese translation for `docs/pt/docs/advanced/templates.md` (#11338)

pull/11366/head
Samuel Favarin 1 year ago
committed by GitHub
parent
commit
ff41af83a4
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 119
      docs/pt/docs/advanced/templates.md

119
docs/pt/docs/advanced/templates.md

@ -0,0 +1,119 @@
# Templates
Você pode usar qualquer template engine com o **FastAPI**.
Uma escolha comum é o Jinja2, o mesmo usado pelo Flask e outras ferramentas.
Existem utilitários para configurá-lo facilmente que você pode usar diretamente em sua aplicação **FastAPI** (fornecidos pelo Starlette).
## Instalação de dependências
Para instalar o `jinja2`, siga o código abaixo:
<div class="termy">
```console
$ pip install jinja2
```
</div>
## Usando `Jinja2Templates`
* Importe `Jinja2Templates`.
* Crie um `templates` que você possa reutilizar posteriormente.
* Declare um parâmetro `Request` no *path operation* que retornará um template.
* Use o `template` que você criou para renderizar e retornar uma `TemplateResponse`, passe o nome do template, o request object, e um "context" dict com pares chave-valor a serem usados dentro do template do Jinja2.
```Python hl_lines="4 11 15-18"
{!../../../docs_src/templates/tutorial001.py!}
```
!!! note
Antes do FastAPI 0.108.0, Starlette 0.29.0, `name` era o primeiro parâmetro.
Além disso, em versões anteriores, o objeto `request` era passado como parte dos pares chave-valor no "context" dict para o Jinja2.
!!! tip "Dica"
Ao declarar `response_class=HTMLResponse`, a documentação entenderá que a resposta será HTML.
!!! note "Detalhes Técnicos"
Você também poderia usar `from starlette.templating import Jinja2Templates`.
**FastAPI** fornece o mesmo `starlette.templating` como `fastapi.templating` apenas como uma conveniência para você, o desenvolvedor. Mas a maioria das respostas disponíveis vêm diretamente do Starlette. O mesmo acontece com `Request` e `StaticFiles`.
## Escrevendo Templates
Então você pode escrever um template em `templates/item.html`, por exemplo:
```jinja hl_lines="7"
{!../../../docs_src/templates/templates/item.html!}
```
### Interpolação de Valores no Template
No código HTML que contém:
{% raw %}
```jinja
Item ID: {{ id }}
```
{% endraw %}
...aparecerá o `id` obtido do "context" `dict` que você passou:
```Python
{"id": id}
```
Por exemplo, dado um ID de valor `42`, aparecerá:
```html
Item ID: 42
```
### Argumentos do `url_for`
Você também pode usar `url_for()` dentro do template, ele recebe como argumentos os mesmos argumentos que seriam usados pela sua *path operation function*.
Logo, a seção com:
{% raw %}
```jinja
<a href="{{ url_for('read_item', id=id) }}">
```
{% endraw %}
...irá gerar um link para a mesma URL que será tratada pela *path operation function* `read_item(id=id)`.
Por exemplo, com um ID de `42`, isso renderizará:
```html
<a href="/items/42">
```
## Templates e Arquivos Estáticos
Você também pode usar `url_for()` dentro do template e usá-lo, por examplo, com o `StaticFiles` que você montou com o `name="static"`.
```jinja hl_lines="4"
{!../../../docs_src/templates/templates/item.html!}
```
Neste exemplo, ele seria vinculado a um arquivo CSS em `static/styles.css` com:
```CSS hl_lines="4"
{!../../../docs_src/templates/static/styles.css!}
```
E como você está usando `StaticFiles`, este arquivo CSS será automaticamente servido pela sua aplicação FastAPI na URL `/static/styles.css`.
## Mais detalhes
Para obter mais detalhes, incluindo como testar templates, consulte a <a href="https://www.starlette.io/templates/" class="external-link" target="_blank">documentação da Starlette sobre templates</a>.
Loading…
Cancel
Save