Django (8) - Référence de ressource statique CSS et images

En plus du HTML généré par le serveur, les applications Web nécessitent souvent des fichiers supplémentaires, tels que des images, des scripts et des feuilles de style, pour faciliter le rendu des pages Web. Dans Django, nous appelons collectivement ces fichiers « fichiers statiques ».

 Nous utilisons des fichiers statiques pour stocker les ressources statiques, et Django recherchera un dossier spécifique nommé dans chaque   sous-fichier de l'application spécifiée dans  INSTALLED_APPS .static

Styles CSS de référence

Créez le fichier polls/static/polls/style.css

li a {
    color: green;
}

polls/templates/polls/index.html Ajoutez ce qui suit à l'en-tête du fichier 

{% load static %}

<link rel="stylesheet" href="{% static 'polls/style.css' %}">

Rechargez  http://localhost:8000/polls/ et vous constaterez que le lien problématique est vert (c'est la manière propre à Django de marquer les problèmes), ce qui signifie que la feuille de style que vous avez ajoutée fonctionne.

image de citation

Créez un sous-répertoire pour les images. polls/static/polls/ Créez des sous-répertoires dans un  répertoire  images . Dans ce répertoire, ajoutez tous les fichiers image que vous souhaitez utiliser comme arrière-plans.

body {
    background: white url("images/background.png") no-repeat;
}

Mettre une image dans le dossier background.png

Ajouter une référence à l'image dans la feuille de style ( polls/static/polls/style.css)

Le navigateur se recharge  http://localhost:8000/polls/, vous verrez cette image de fond dans le coin supérieur gauche de l'écran

 

おすすめ

転載: blog.csdn.net/seanyang_/article/details/132535662