1、导入语法：

创建static目录，在目录中创建css, js, images等需要加载的文件
image.png
通过url_for(‘目录(一般是static)’, filename=’文件所在路径’)导入文件
在这里为了方便理解将路径写死，实际开发中
修改默认文件名static

  1. app = Flask(__name__, static_folde="所要修改文件夹的路径")

导入css文件（link + tab键）

  1. <link rel="stylesheet" href="{{ url_for('static', filename='css/index.css') }}">

导入js文件

  1. <script src="{{ url_for('static', filename='js/index.js')}}"></script>

导入图片文件(img + tab键)

  1. <img src="{{ url_for('static', filename='images/index1.jpg') }}" alt="">

代码部分：

  1. from flask import Flask, render_template
  3. app = Flask(__name__)
  4. app.config["TEMPLATES_AUTO_RELOAD"] = True
  6. @app.route("/")
  7. def main_html():
  8.     return render_template("main.html")
  10. if __name__ == "__main__":
  11.     app.run(debug=True, port=600)

模板部分：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}mian{% endblock %}</title>
  6.     <!--导入css文件-->
  7.     <link rel="stylesheet" href="{{ url_for('static', filename='css/index.css') }}">
  8.     <!--导入js文件    -->
  9.     <script src="{{ url_for('static', filename='js/index.js') }}"></script>
  10. </head>
  11. <body>
  12.     {% block footer %}
  13.         <p>你好，陌生人</p>
  14.         <img src="{{ url_for('static', filename='images/index1.gif') }}" alt="">
  15.         <p>晚安，世界</p>
  16.     {% endblock %}
  17. </body>
  18. </html>

页面显示：
image.png