</div>
-如需使用静态文件,还要安装 `aiofiles`:
-
-<div class="termy">
-
-```console
-$ pip install aiofiles
-
----> 100%
-```
-
-</div>
-
## 使用 `Jinja2Templates`
* 导入 `Jinja2Templates`
* 创建可复用的 `templates` 对象
* 在返回模板的*路径操作*中声明 `Request` 参数
-* 使ç\94¨ `templates` 渲æ\9f\93å¹¶è¿\94å\9b\9e `TemplateResponse`ï¼\8c 以é\94®å\80¼å¯¹æ\96¹å¼\8få\9c¨ Jinja2 ç\9a\84 **context** ä¸ä¼ é\80\92 `request`
+* 使ç\94¨ `templates` 渲æ\9f\93å¹¶è¿\94å\9b\9e `TemplateResponse`ï¼\8c ä¼ é\80\92模æ\9d¿ç\9a\84å\90\8dç§°ã\80\81request对象以å\8f\8aä¸\80个å\8c\85å\90«å¤\9a个é\94®å\80¼å¯¹ï¼\88ç\94¨äº\8eJinja2模æ\9d¿ï¼\89ç\9a\84"context"å\97å\85¸ï¼\8c
```Python hl_lines="4 11 15-16"
{!../../../docs_src/templates/tutorial001.py!}
!!! note "笔记"
- 注意,必须为 Jinja2 以键值对方式在上下文中传递 `request`。因此,还要在*路径操作*中声明。
+ 在FastAPI 0.108.0,Starlette 0.29.0之前,`name`是第一个参数。
+ 并且,在此之前,`request`对象是作为context的一部分以键值对的形式传递的。
!!! tip "提示"
{!../../../docs_src/templates/templates/item.html!}
```
-它会显示从 **context** 字典中提取的 `id`:
+### 模板上下文
+
+在包含如下语句的html中:
+
+{% raw %}
+
+```jinja
+Item ID: {{ id }}
+```
+
+{% endraw %}
+
+...这将显示你从"context"字典传递的 `id`:
```Python
-{"request": request, "id": id}
+{"id": id}
+```
+
+例如。当ID为 `42`时, 会渲染成:
+
+```html
+Item ID: 42
+```
+
+### 模板 `url_for` 参数
+
+你还可以在模板内使用 `url_for()`,其参数与*路径操作函数*的参数相同.
+
+所以,该部分:
+
+{% raw %}
+
+```jinja
+<a href="{{ url_for('read_item', id=id) }}">
+```
+
+{% endraw %}
+
+...将生成一个与处理*路径操作函数* `read_item(id=id)`的URL相同的链接
+
+例如。当ID为 `42`时, 会渲染成:
+
+```html
+<a href="/items/42">
```
## 模板与静态文件
-在模板内部使用 `url_for()`,例如,与挂载的 `StaticFiles` 一起使用。
+你还可以在模板内部将 `url_for()`用于静态文件,例如你挂载的 `name="static"`的 `StaticFiles`。
```jinja hl_lines="4"
{!../../../docs_src/templates/templates/item.html!}
```
-本例中,使用 `url_for()` 为模板添加 CSS 文件 `static/styles.css` 链接:
+本例中,它将链接到 `static/styles.css`中的CSS文件:
```CSS hl_lines="4"
{!../../../docs_src/templates/static/styles.css!}
```
-因为使用了 `StaticFiles`, **FastAPI** 应用自动提供位于 URL `/static/styles.css`
-
-的 CSS 文件。
+因为使用了 `StaticFiles`, **FastAPI** 应用会自动提供位于 URL `/static/styles.css`的 CSS 文件。
## 更多说明
-包括测试模板等更多详情,请参阅 <a href="https://www.starlette.io/templates/" class="external-link" target="_blank">Starlette 官档 - 模板</a>。
+包括测试模板等更多详情,请参阅 <a href="https://www.starlette.io/templates/" class="external-link" target="_blank">Starlette 官方文档 - 模板</a>。