当前位置：首页 > news >正文

fastapi.templating与HTMLResponse

news 2026/5/19 9:35:13

要声明一个模板对象，应将存储html模板的文件夹作为参数提供。在当前工作目录中，我们将创建一个 “templates “目录。
templates = Jinja2Templates(directory=“templates”)

我们现在要把这个页面的HTML代码渲染成HTMLResponse。让我们修改一下hello()函数

from fastapi.responses import HTMLResponse
from fastapi.templating import Jinja2Templates
from fastapi import FastAPI, Request
app = FastAPI()
templates = Jinja2Templates(directory="templates")
@app.get("/hello/", response_class=HTMLResponse)
async def hello(request: Request):return templates.TemplateResponse("hello.html", {"request": request})

一个简单的网页 “hello.html “来呈现 “Hello World “信息，也被放在 “templates “文件夹中

<html>
<body>
<h2>Hello World!</h2>
</body>
</html>

在这里，模板对象的 templateResponse() 方法收集了模板代码和请求上下文来渲染http响应。当我们启动服务器并访问http://localhost:8000/hello/ URL时，我们可以在浏览器中看到 Hello World 的信息，这实际上是 hello.html 的输出。

jinja2模板允许在HTML代码中嵌入某些占位符。jinja2的代码元素被放在大括号内。一旦浏览器的HTML解析器遇到这种情况，模板引擎就会接手，通过HTTP响应提供的变量数据来填充这些代码元素。Jinja2提供了以下代码元素 –

{% %} – 语句
{{ }} – 打印到模板输出的表达式

{# #} – 不包括在模板输出中的注释

# – 行语句

hello.html 被修改如下，通过替换name参数来显示一个动态信息

<html>
<body>
<h2>Hello {{name}} Welcome to FastAPI</h2>
</body>
</html>

操作函数 hello() 也被修改为接受name作为路径参数。 TemplateResponse 还应该包括 “name”:name 的JSON表示，以及请求上下文。

from fastapi.responses import HTMLResponse
from fastapi.templating import Jinja2Templates
from fastapi import FastAPI, Request
app = FastAPI()
templates = Jinja2Templates(directory="templates")
@app.get("/hello/{name}", response_class=HTMLResponse)
async def hello(request: Request, name:str):return templates.TemplateResponse("hello.html", {"request": request, "name":name})

重新启动服务器并进入http://localhost:8000/hello/Kiran。浏览器现在用这个URL中的路径参数来填充jinja2的位置符
在这里插入图片描述

fastapi.templating与HTMLResponse

# – 行语句

相关文章：

fastapi.templating与HTMLResponse

当初为什么选择计算机这类的行业?

tif文件转png、Excel

【PyTorch】训练过程可视化

深入理解Go语言GC机制

qt-C++笔记之组件-分组框QGroupBox

qt 定时器用法

用23种设计模式打造一个cocos creator的游戏框架----(九)访问者模式

根文件系统初步测试

【精选】设计模式——策略设计模式-两种举例说明，具体代码实现

外包干了3个月，技术倒退2年。。。

微信小程序：chooseimage从本地相册选择图片或使用相机拍照

「Swift」取消UITableView起始位置在状态栏下方开始

android高版本适配使用Tools.java

面试官：说说webpack中常见的Loader？解决了什么问题？

【蓝桥杯省赛真题50】Scratch智能计价器蓝桥杯scratch图形化编程中小学生蓝桥杯省赛真题讲解

折半查找(数据结构实训)

AR助推制造业智能转型：实时远程协作与可视化引领生产创新

【用unity实现100个游戏之18】从零开始制作一个类CSGO/CS2、CF第一人称FPS射击游戏——基础篇3（附项目源码）

sed 流式编辑器

DIY红外遥控电视关机器：从ATTINY85到晶体管驱动的硬件实践

Linux巡检报告生成排查方法

CODESYS硬件平台适配实战：从实时系统到工业控制生态

NotebookLM问答功能终极评估报告（基于217份真实研究笔记测试）：准确率、溯源性、逻辑连贯性三维评分，这份清单决定你是否该立刻升级

pycharm接入AI大模型测试脚本费用说明

从源头到治理：光伏并网逆变器直流分量抑制技术全解析

跨越Android存储权限适配的深水区：从Android 11到13的实战避坑指南

GitLab SSH Key配置全流程复盘：从生成、复制到验证，一个命令解决‘Permission denied’

【LabVIEW】驱动文件部署策略全解析：项目嵌入与系统集成的权衡与实践

Elasticsearch 7.6.1 实战：从零构建招聘信息搜索服务（索引、数据与分页）