Heim  >  Artikel  >  Web-Frontend  >  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
DDDOriginal
2024-11-26 13:41:10642Durchsuche

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

mainpage.html

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

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

mainpage.html

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

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!

Stellungnahme:
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