File statici Flask

Un'applicazione web di solito ha bisogno di file statici, come file JavaScript o CSS che supportano la visualizzazione delle pagine web. Di solito, questi servizi possono essere forniti configurando il server web, ma durante lo sviluppo, questi file vengono forniti dalla cartella statica del pacchetto o accanto al modulo, che fornisce /static all'applicazione.

Usare l'endpoint speciale "static" per generare URL per i file statici.

Nell'esempio seguente, l'eventoOnClick del pulsante HTML in index.html chiama la funzione javascript definita in hello.js, che viene presentata nell'URL => / dell'applicazione Flask.

Esempio

# Nome file: example.py
# Copyright: 2020 Da w3codebox
# Autore: it.oldtoolbag.com
# Data: 2020-08-08
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)

index.html Ecco lo script HTML nel seguente.

# Nome file: example.py
# Copyright: 2020 Da w3codebox
# Autore: it.oldtoolbag.com
# Data: 2020-08-08
<html>
　　　　<head>
　　　　　　　<script type="text/javascript">　
　　　　　　　　　　src="{{ url_for('static', filename='hello.js') }}"></script>
　　　　</head>
　　　　<body>
　　　　　　　<input type="button" onclick="sayHello()" value="Dì Ciao" />
　　　　</body>
　</html>

File: hello.js Definito in che contiene la funzione sayHello().

# Nome file: example.py
# Copyright: 2020 Da w3codebox
# Autore: it.oldtoolbag.com
# Data: 2020-08-08
function sayHello() {
　　　　alert("Ciao Mondo")
　}

Oggetto richiesta Flask Modello Flask

Tutorial Flask

File statici Flask