Flasche - Statische Dateien

Eine Webanwendung erfordert häufig eine statische Datei wie z javascript Datei oder a CSSDatei, die die Anzeige einer Webseite unterstützt. Normalerweise ist der Webserver so konfiguriert, dass er sie für Sie bereitstellt. Während der Entwicklung werden diese Dateien jedoch aus einem statischen Ordner in Ihrem Paket oder neben Ihrem Modul bereitgestellt und sind unter verfügbar/static auf die Anwendung.

Ein spezieller Endpunkt 'static' wird verwendet, um eine URL für statische Dateien zu generieren.

Im folgenden Beispiel a javascript Funktion definiert in hello.js wird aufgerufen OnClick Ereignis der HTML-Schaltfläche in index.html, die auf gerendert wird ‘/’ URL der Flask-Anwendung.

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)

Das HTML-Skript von index.html ist unten angegeben.

<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 enthält sayHello() Funktion.

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