committed by
GitHub
1 changed files with 119 additions and 0 deletions
@ -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…
Reference in new issue