Heim > Web-Frontend > CSS-Tutorial > Warum wird meine externe CSS-Datei nicht in meine Flask-Anwendung geladen?

Warum wird meine externe CSS-Datei nicht in meine Flask-Anwendung geladen?

DDD
Freigeben: 2024-11-26 13:41:10
Original
694 Leute haben es durchsucht

Why Isn't My External CSS File Loading in My Flask Application?

CSS-Datei wird nicht in Flask geladen

F: Ich versuche, eine externe CSS-Datei zum Formatieren meiner Flask-Vorlage zu verwenden, aber die Stile werden nicht angewendet . Hier ist meine Dateistruktur:

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /styles
        - mainpage.css
Nach dem Login kopieren

mainpage.html

<html>
    <head>
        <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css">
    </head>
    <body>
        <!-- content --> 
Nach dem Login kopieren

A: Um dieses Problem zu beheben, benötigen Sie einen dedizierten „statischen“ Ordner für Speichern Ihrer CSS- und JS-Dateien. Hier ist die korrigierte Dateistruktur:

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /static
        /styles
            - mainpage.css
Nach dem Login kopieren

mainpage.html

<html>
    <head>
        <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/mainpage.css') }}">
    </head>
    <body>
        <!-- content --> 
Nach dem Login kopieren

Flask sucht nun nach der CSS-Datei unter static/styles/mainpage.css.

Das obige ist der detaillierte Inhalt vonWarum wird meine externe CSS-Datei nicht in meine Flask-Anwendung geladen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage