7、靜態檔案的載入

子线發表於2024-03-21
from flask import Flask, render_template

app = Flask(__name__)


@app.route("/")
def hello_world():
    """
    靜態檔案載入,包括圖片,css,js.涉及到html的標籤,已經函式url_for的使用.
    """
    return render_template("static.html")


if __name__ == "__main__":
    app.run(host="0.0.0.0", port=5001, debug=True)

效果：

7、靜態檔案的載入 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>靜態檔案載入</title>
    <!--載入css樣式檔案-->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
    <!--載入js檔案-->
    <script src="{{ url_for('static', filename='js/my_js.js') }}"></script>
</head>
<body>
<!--載入圖片涉及html圖片載入標籤和url_for函式使用-->
<!--第一個引數為static資料夾,第二個引數為檔名稱-->
<img src="{{ url_for('static', filename='image/胡烈那.jpeg') }}" alt="">
</body>
</html>
static.html

static檔案結構：

相關文章