VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > temp > python入门教程 >
  • FastAPI 学习之路(三十八)Static Files

  如果使用前后台不分离的开发方式,那么模板文件中使用的静态文件,比如css/js等文件的目录需要在后台进行配置,以便模板渲染是能正确读到这些静态文件。那么我们应该如何处理呢。

    首先安装依赖

pip install aiofiles

我们看下如何使用

      我们去定义一个页面,展示我们对应的一张图片。

    我们看下代码如何实现

  1.创建两个目templates和static

 

 

    2.分别去放置一个文件test.png和home.html

    home.html代码如下

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<img src="{{ url_for('static',path='/test.png') }}" style="width: 100px;height: 100px">

</body>
</html>
复制代码

   3. 我们看下如何在fastapi中使用

复制代码
from fastapi.staticfiles import StaticFiles
from fastapi.templating import Jinja2Templates
from fastapi import FastAPI, Request
app = FastAPI()

templates = Jinja2Templates(directory="./templates")

app.mount("/static", StaticFiles(directory="./static"), name="static")

@app.get("/")
def home(request: Request):
    return templates.TemplateResponse(
        "home.html",
        {
            "request": request
        }
    )
复制代码

通过mount将StaticFiles实例挂载到一个特定的路径上。其中StaticFile类中传递的directory参数是项目中静态文件的目录。

    然后我们启动下。访问下看看效果

 

 

 我们已经实现我们设计的效果,很简单。

 

来源:https://www.cnblogs.com/leiziv5/p/15416819.html


相关教程