Un exemple simple de Django et CSS

si vous suivez les directives de django, vous pouvez simplifier grandement votre vie.

dans votre code échantillon, à l'intérieur de votre application répertoire, créer un dossier appelé statique. Dans ce dossier, placez vos fichiers css.

Exemple:

$ django-admin.py startproject myproject
$ cd myproject
myproject$ python manage.py startapp myapp
myproject$ mkdir myapp/static
myproject$ cd myapp/static
myproject/myapp/static$ nano style.css

dans vos gabarits:

<link rel="stylesheet" href="{{ STATIC_URL }}style.css" />

assurez-vous d'ajouter myappINSTALLED_APPS liste settings.py. Maintenant, lorsque vous utilisez le haut-serveur de développement, votre feuille de style sera restituée correctement.

Django cherche un static répertoire à l'intérieur des applications installées par défaut, et avec les versions actuelles de django, les fichiers statiques sont activés par défaut.

L'exemple Django a le chemin my_app/static/my_app/myimage.jpg qui est un peu déroutant si votre application et le projet du même nom.

C'est recommandé car lorsque vous exécutez collectstatic pour rassembler tous vos fichiers statiques, fichiers avec le même nom sera écrasé. Si vous avez un fichier nommé myimage.jpg dans une autre application, elle sera écrasée. Donner le nom de l'application à l'intérieur du répertoire statique empêchera cela, parce que la structure exacte du répertoire sera répliquée à l'intérieur de votre STATIC_ROOT répertoire.

un exemple simple pour illustrer le point. Si vous avez un projet django avec deux applications, comme ceci:

.
├── assets
├── manage.py
├── myapp
│   ├── __init__.py
│   ├── models.py
│   ├── static
│   │   └── myapp
│   │       └── test.txt
│   ├── tests.py
│   └── views.py
├── myproj
│   ├── __init__.py
│   ├── __init__.pyc
│   ├── settings.py
│   ├── settings.pyc
│   ├── urls.py
│   └── wsgi.py
└── otherapp
    ├── __init__.py
    ├── models.py
    ├── static
    │   └── otherapp
    │       └── test.txt
    ├── tests.py
    └── views.py

assets votre STATIC_ROOT. Maintenant, quand vous exécutez collectstatic:

.
├── assets
│   ├── myapp
│   │   └── test.txt
│   └── otherapp
│       └── test.txt
├── manage.py
├── myapp
│   ├── __init__.py
│   ├── __init__.pyc
│   ├── models.py
│   ├── static
│   │   └── myapp
│   │       └── test.txt
│   ├── tests.py
│   └── views.py
├── myproj
│   ├── __init__.py
│   ├── __init__.pyc
│   ├── settings.py
│   ├── settings.pyc
│   ├── urls.py
│   └── wsgi.py
└── otherapp
    ├── __init__.py
    ├── __init__.pyc
    ├── models.py
    ├── static
    │   └── otherapp
    │       └── test.txt
    ├── tests.py
    └── views.py

vous voyez qu'il crée aussi les répertoires. Dans vos modèles, vous réfère maintenant à chaque fichier avec son "espace de noms" de l'application: {{ STATIC_URL }}/myapp/test.txt