Flask开发（九）Jinja2模板静态文件的加载

雪落长安

2021-5-20

Flask开发 Web

内容纲要

本片导读：

静态文件的加载

静态文件的加载一般需要先建立文件夹static，在文件夹下再新建css，js和images文件夹，在这些文件夹中存放css，js，images，同时需要使用url_for函数。目录结构如下图所示：

在templates目录下新建一个index.html文件，在app.py的视图函数中使用render_template('index.html')方法来渲染模板。下面分别给出加载js,css和图片的方法：

1.加载js文件

index.html的内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="{{ url_for('static',filename='js/jquery-3.6.0.js') }}">
    </script>
</head>
<body>
    <script>
        if (jQuery){
            alert('jQuery加载成功');
        }else {
            alert('jQuery加载失败')
        }
    </script>

</body>
</html>

运行程序，访问http://127.0.0.1:5000/，结果如下：