Flask-网页背景图片不起作用

Question

下面是一个简单的html代码

index.html

<html>
<head>
<title>Webpage</title>
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet" >
<link href="http://getbootstrap.com/examples/jumbotron-narrow/jumbotron-narrow.css" rel="sylesheet">
</head>
<body>
<style type=text/css>
    background-image: url("static/images/back.png");
</style>
<p>Does the Image Work? </p>
</body>
</html>

这是我的 Flask 代码：

app.py

from flask import Flask, render_template
app = Flask(__name__, static_url_path="static", static_folder="static")

@app.route("/")
def main():

    return render_template("index.html")

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

我在尝试检查页面时遇到此错误： 找到http://127.0.0.1:5000/static/images/back.png-404(NOT）

我浏览了其他几个论坛，但找不到解决此问题的方法。我的图像位于以下文件夹中：

Flaskapp 模板静态的图片 back.png

当我打开 index.html 文件时，它工作得很好，但是当我尝试运行 python 文件到运行服务器时，背景图像不是看过。

不太确定如何进行。

Answer 1

将静态文件夹放在 flask 应用旁边

/FlaskApp
    -app.py
    static/
        images/
             -back.png
    templates/
         -index.html
         ....

你甚至不必告诉烧瓶...它会知道的

app.py

from flask import Flask, render_template
app = Flask(__name__)

@app.route("/")
def main():

    return render_template("index.html")

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

Flask-网页背景图片不起作用

Flask-webage background image doesnt work

css

python

background-image

flask