将 Web 模板与 Flask 集成 [重复]

Posted 2023-02-23

【中文标题】将 Web 模板与 Flask 集成 [重复]

【英文标题】：Integrating a web template with Flask [duplicate]

【发布时间】：2019-06-29 23:33:51

【问题描述】：

我已经下载了一个网站模板，我想将它与烧瓶集成。基本上，此模板包含 asset 文件夹，其中包含 css 和 js 文件。我知道通过使用render_template('index.html')，我可以在本地主机上调用 index.html。但是当我这样做时，网页没有正确呈现。我认为烧瓶无法加载该文件夹（模板文件夹）中的 js、css 等文件。

我的模板文件夹有 index.html 以及 assets 文件夹和其他文件夹。我正在使用下面显示的代码来实际运行 index.html。

from flask import Flask, render_template
import os

app = Flask(__name__)

@app.route('/')
def homepage():
    return render_template("index.html")

if __name__ == '__main__':
    app.run(debug=True)

所以，index.html 正在加载，但它没有加载 css 文件等。因为如果没有加载，我的网页看起来很枯燥。它只是白屏上的一些文字。我认为问题在于加载静态文件，因为我收到一条错误消息，提示本地主机上没有文件夹资产。

提前致谢。

【问题讨论】：

这可能会对您有所帮助！。 ***.com/questions/22259847/…

【参考方案1】：

您需要像这样引用模板中的静态文件：

<link rel="stylesheet" href=" url_for('static', filename='style.css') ">

并确保将样式表放在项目的static 目录中。您还可以配置哪个目录包含静态资产，例如：

app = Flask(__name__, static_folder="static_dir")