【13.0】Fastapi中的Jinja2模板渲染前端页面

最新推荐文章于 2025-03-11 21:27:33 发布

Chimengmeng

最新推荐文章于 2025-03-11 21:27:33 发布

阅读量1k

点赞数

文章标签： fastapi 前端

本文链接：https://blog.csdn.net/Chimengmeng/article/details/133639563

版权

【一】创建Jinja2引擎

# 必须模块
from fastapi import  Request
# 必须模块
from fastapi.templating import Jinja2Templates

# 创建子路由
application = APIRouter()

# 创建前端页面配置
templates = Jinja2Templates(directory='./coronavirus/templates')

# 初始化数据库引擎对象
Base.metadata.create_all(bind=engine)

【二】前端页面书写

前提
- 引入必要的第三方UI库
- semantic.min.css
- jquery-3.5.1.min.js
- semantic.min.js

<!DOCTYPE html>
<html lang="en">
<head>
    <title>新冠病毒疫情跟踪器</title>
    <link rel="stylesheet" href="{
   { url_for('static', path='/semantic.min.css') }}">
    <script src="{
   { url_for('sta