Python Flask框架 -- 加载静态文件

最新推荐文章于 2024-04-18 00:12:16 发布

宇宙核

最新推荐文章于 2024-04-18 00:12:16 发布

阅读量505

点赞数 3

分类专栏： Flask 文章标签： python flask 开发语言

本文链接：https://blog.csdn.net/lpx666168/article/details/136951233

版权

Flask 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

在项目中，一般都会把静态文件放在 static 目录下，如 images、css、js 等，html 放在 templates 目录下。

.py：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/static')
def static_demo():
    return render_template('static.html')

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

在各级对应的目录下创建：

static.html ：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{{ url_for('static',filename='css/style.css') }}"> <!-- 加载css样式 -->
    <!--
    在模版文件中，通过 url_for 加载静态文件，第一个参数 static 是固定的，表示 Flask 内置的 static 视图这个 url ,
    第二个 filename 是传递文件名或者文件路径，路径是相对于 static 的
     -->
    <script src="{{ url_for('static',filename='js/my.js') }}"></script>  <!-- 加载js -->
</head>
<body>
<img src="{{ url_for('static',filename='images/ggbond.png') }}" alt="">
</body>
</html>

style.css ：