Flask – 静态文件

  • 简述

    Web 应用程序通常需要一个静态文件,例如javascript文件或CSS支持网页显示的文件。通常,Web 服务器被配置为为您提供服务,但在开发过程中,这些文件是从您的包中的静态文件夹或模块旁边的文件夹中提供的,并且可以在/static在应用程序上。
    一个特殊的端点“静态”用于为静态文件生成 URL。
    在以下示例中,一个javascript函数定义在hello.js被调用OnClickHTML 按钮的事件index.html,呈现在‘/’Flask 应用程序的 URL。
    
    from flask import Flask, render_template
    app = Flask(__name__)
    @app.route("/")
    def index():
       return render_template("index.html")
    if __name__ == '__main__':
       app.run(debug = True)
    
    的 HTML 脚本index.html下面给出。
    
    <html>
       <head>
          <script type = "text/javascript" 
             src = "{{ url_for('static', filename = 'hello.js') }}" ></script>
       </head>
       
       <body>
          <input type = "button" onclick = "sayHello()" value = "Say Hello" />
       </body>
    </html>
    
    hello.js包含sayHello()函数。
    
    function sayHello() {
       alert("Hello World")
    }