Wie verlinke ich externe CSS-Dateien ordnungsgemäß in meiner Flask-Anwendung?

So integrieren Sie CSS-Dateien in Flask-Anwendungen

Beim Stylen von Vorlagen in Flask-Anwendungen mithilfe externer Stylesheets ist es wichtig, die richtige Datei zu verstehen Struktur. In diesem Zusammenhang weist die bereitgestellte Fehlermeldung auf ein Problem hin, bei dem die Anwendung die CSS-Datei nicht abruft.

Die Verzeichnisstruktur sollte die Dateien wie folgt organisieren:

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /static
        /styles
            - mainpage.css

Stellen Sie sicher, dass das Verzeichnis /styles vorhanden ist befindet sich in /static.

Um das Stylesheet in der Vorlage anzugeben, verwenden Sie die folgende Syntax:

<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/mainpage.css') }}">

Dieser Pfad weist Flask an, im Speicherort „static/styles/mainpage.css“ nach der CSS-Datei zu suchen.

Durch die Einhaltung dieser Dateistruktur und Vorlagensyntax können Sie externe CSS-Dateien erfolgreich mit Ihrer Flask-Anwendung verknüpfen und so sicherstellen richtiges Styling.

Das obige ist der detaillierte Inhalt vonWie verlinke ich externe CSS-Dateien ordnungsgemäß in meiner Flask-Anwendung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!