Html Flask应用程序未从我的项目加载任何css文件
我最近开始学习烧瓶,直到有一点,一切都很顺利 因此,我的项目结构如下: FlaskApp文件夹,其中包含:Templatesa文件夹,其中包含:index.html、layout.html和stylesfolder以及JavaScriptAlway文件夹和application.py 我在标题标签后面的layout.html layout.css和bootstrap.css中包含了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="
<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")