ich eine Flasche App mit der folgenden Ordnerstruktur zu entwickeln:Flask: wo statische Javascript-Dateien in Vorlagen setzen
|-->flask_app.py
|-->static
|-->css
|-->bootstrap.min.css
|-->styles.css
|-->js
|-->jquery-3.1.1.min.js
|-->bootstrap.min.js
|-->script.js
|-->templates
|-->index.html
Was den richtigen Weg ist, um diese CSS und JS-Dateien in index.html zu verbinden und was Parameter muss ich mit ihnen verbunden?
Aussehen Meine CSS Links wie diese und werden im Kopf befindet:
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
Und meine JS Links wie folgt aussehen und sind am Ende des Body-Tag befindet:
<script src="{{ url_for('static', filename='js/script.js') }}"></script>
Ist das die richtige Syntax? Befinden sie sich an den richtigen Stellen in meinen Vorlagen (ich bin mir sicher, dass hier Flexibilität besteht)? Und gibt es noch andere Parameter, die ich weitergeben sollte (z. B. type = "text/css", type = "text/javascript", media = "screen")?
Alles funktioniert wie erwartet, aber ich möchte empfohlene Praxis folgen, wenn es welche gibt.
Es gibt einen Syntaxfehler im Skript-Tag, den Sie hier gepostet haben, aber ansonsten sieht es für mich richtig aus. Funktioniert es nicht? Sie können das statische Verzeichnis auch konfigurieren (siehe API: http://flask.pooco.org/docs/0.11/api/), aber es wird standardmäßig auf "static" gesetzt. – hammygoonan
Der Code funktioniert einwandfrei. Stellen Sie nur sicher, dass dies korrekt ist. Syntaxfehler behoben BTW, guter Haken. –
In diesem Zusammenhang ist [Flasks statische Dateien] (http://stackoverflow.com/documentation/flask/3678/static-files#t=201612211932275463453) ein Thema, das im neuen Dokumentationsabschnitt hier auf StackOverflow behandelt wird. – YellowShark