Comment lier correctement les fichiers CSS externes dans mon application Flask ?

Comment incorporer des fichiers CSS dans les applications Flask

Lorsque vous stylisez des modèles dans des applications Flask à l'aide de feuilles de style externes, il est crucial de comprendre le fichier approprié structure. Dans ce contexte, le message d'erreur fourni indique un problème avec l'application qui ne récupère pas le fichier CSS.

La structure du répertoire doit organiser les fichiers comme suit :

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

Assurez-vous que le répertoire /styles réside dans /static.

Pour spécifier la feuille de style dans le modèle, utilisez la syntaxe suivante :

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

Ce chemin dirige Flask pour rechercher le fichier CSS dans l'emplacement "static/styles/mainpage.css".

En adhérant à cette structure de fichier et à cette syntaxe de modèle, vous pouvez réussir à lier des fichiers CSS externes à votre application Flask, en garantissant style.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!