静态文件主要包括css，JavaScript等脚本文件、图片等，在加载文件的时候主要是用url_for方法。

  • 语法

url_for('文件夹', filename='调用文件路径及扩展名')

我们先在static文件夹新建js、css文件夹，并新建对应扩展名的文件：

然后在index文件夹下新建mystatic.html文件，对应代码：

  • mystatic.js

window.onload = function(){
    alert('hello world')}

此代码意思是弹出alert提示框

  • mystatic.css

body{
    background: aquamarine;}

这里只是设置了一下背景颜色

  • mystatic.html

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>静态文件</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/mystatic.css') }}">
    <script src="{{ url_for('static', filename='js/mystatic.js') }}"></script></head><body></body></html>

注意：在mystatic.html中，分别通过link和script标签，利用url_for调用了对应的静态文件。 在app.py中增加函数：

@app.route('/mystatic/')def mystatic():
    return flask.render_template('index/mystatic.html')

执行，可以在页面看到：