7、静态文件的加载

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)

效果：

<!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文件结构：

posted on 2024-03-21 15:39 子线阅读(4) 评论(0) 编辑收藏举报