Flask学习笔记（5）

最新推荐文章于 2022-06-07 20:04:00 发布

爱编程的章老师

最新推荐文章于 2022-06-07 20:04:00 发布

阅读量167

点赞数

分类专栏： # Flask 文章标签： python flask 静态文件加载

本文链接：https://blog.csdn.net/weixin_41810846/article/details/102921865

版权

Flask 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

开发环境：win10 + vscode + python3.7

Flask中的静态文件加载

以下三种静态文件

CSS
IMAGES
JS

from flask import Flask
from flask import render_template

app = Flask(__name__)

@app.route('/static/')
def show_static():
    return render_template('static.html')
if __name__ == "__main__":
    app.run(debug=True)

模板文件static.html文件代码
注意：静态文件的加载主要在于模板文件的编写。
代码基本都在模板文件中
要注意两点：
1.引用格式：’{{ url_for(“static”, filename=“引用文件路径” }}’
这是推荐写法。建议就用这种即可
2.static文件夹的建立与三种文件的存放路径也是约定的
static与templates同目录，
static下三个子目录分别 css,js,images用来存放三种文件。如果相同的文件比较多，
可以在目录下自己再新建目录即可。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>静态文件加载演示</title>
        <h1>静态文件加载演示</h1>
        <script src='{{url_for("static", filename="js/jquery3_mini.js")}}'}></script>
    </head>
    <body>
        <script>
            if (jQuery){
                alert("jquery加载成功");
            }
            else {
                alert("jquery加载失败");
            }
        </script>
        <img src="{{ url_for('static', filename='img/1.jpg')  }}" alt='这是图片引用'>
    </body>
</html>

上一张目录图
在这里插入图片描述