Flask - File statici

Un'applicazione web spesso richiede un file statico come un javascript file o un file CSSfile che supporta la visualizzazione di una pagina web. Di solito, il server web è configurato per servirli per te, ma durante lo sviluppo, questi file vengono serviti dalla cartella statica nel tuo pacchetto o accanto al tuo modulo e saranno disponibili su/static sull'applicazione.

Un endpoint speciale "statico" viene utilizzato per generare l'URL per i file statici.

Nell'esempio seguente, a javascript funzione definita in hello.js è chiamato OnClick evento del pulsante HTML in index.html, su cui viene eseguito il rendering ‘/’ URL dell'applicazione Flask.

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)

Lo script HTML di index.html è dato di seguito.

<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 contiene sayHello() funzione.

function sayHello() {
   alert("Hello World")
}