Html Flask应用程序未从我的项目加载任何css文件

Html Flask应用程序未从我的项目加载任何css文件,html,css,flask,Html,Css,Flask,我最近开始学习烧瓶,直到有一点,一切都很顺利 因此,我的项目结构如下: FlaskApp文件夹,其中包含:Templatesa文件夹,其中包含:index.html、layout.html和stylesfolder以及JavaScriptAlway文件夹和application.py 我在标题标签后面的layout.html layout.css和bootstrap.css中包含了css,如下所示: <link rel="stylesheet" type="text/css" href="

我最近开始学习烧瓶,直到有一点,一切都很顺利

因此,我的项目结构如下:

FlaskApp文件夹,其中包含:Templatesa文件夹,其中包含:index.html、layout.html和stylesfolder以及JavaScriptAlway文件夹和application.py

我在标题标签后面的layout.html layout.css和bootstrap.css中包含了css,如下所示:

<link rel="stylesheet" type="text/css" href="styles/layout.css">
<link rel="stylesheet" type="text/css" href="styles/bootstrap.css">
到layout.css,它仍然不起作用


多谢各位

这完全是为了发展

所以,你需要在你的应用程序下有两个目录,它们是:static和templates。*.html文件通常放在模板下,*.js和*.css文件放在静态下

因此,您的应用程序结构可能类似于:

app
├── app.py
├── static
│   ├── base.css
│   ├── base.js
│   └── index
│       ├── index.css
│       └── index.js
└── templates
    └── index.html
现在,让我们来看看如何将这些链接起来

在HTML文件中,将当前和标记替换为以下内容:

<link rel="stylesheet" type="text/css" href="styles/layout.css">
<link rel="stylesheet" type="text/css" href="styles/bootstrap.css">
对于CSS:

<link rel="stylesheet" type="text/css" href= {{ url_for("static",filename="index/index.css") }} >

好的,那你能把答案标为已解决了吗。
<link rel="stylesheet" type="text/css" href= {{ url_for("static",filename="index/index.css") }} >
<script src= {{ url_for("static",filename="index/index.js") }} ></script>
@app.route("/")
def home():
    return render_template("index.html")