Ein einfaches Beispiel für Django und CSS

Wenn Sie Folgen Sie django-Richtlinien, können Sie vereinfachen das Leben ungemein.

In deinem Beispiel-code in Ihrem Anwendung Verzeichnis, erstellen Sie einen Ordner namens statische. In diesem Ordner legen Sie Ihre css-Dateien.

Beispiel:

$ 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

In Ihre Vorlagen:

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

Stellen Sie sicher, fügen myapp zu den INSTALLED_APPS Liste in settings.py. Nun, wenn Sie verwenden die integrierte Entwicklungs-server, das Stylesheet korrekt dargestellt werden.

Django sucht ein static Verzeichnis im installierten Anwendungen standardmäßig und mit aktuellen Versionen von django, statische Dateien sind standardmäßig aktiviert.

Den Django Beispiel hat der Pfad my_app/static/my_app/myimage.jpg die
ist ein wenig verwirrend, wenn die app und das Projekt den gleichen Namen haben.

Dies wird empfohlen, da beim ausführen collectstatic zu sammeln, alle statischen Dateien, Dateien mit dem gleichen Namen werden überschrieben. Wenn Sie eine Datei namens myimage.jpg in einer anderen Anwendung überschrieben werden. Geben Sie den Namen der Anwendung im inneren der statischen Verzeichnis werden dies verhindern, weil die exakte Verzeichnis-Struktur repliziert werden innerhalb Ihrer STATIC_ROOT Verzeichnis.

Ein einfaches Beispiel, um den Punkt zu illustrieren. Wenn Sie eine django-Projekt mit zwei apps, wie diese:

.
├── 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 ist Ihre STATIC_ROOT. Nun, wenn Sie Sie ausführen 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

Sie sehen, es ist die Erstellung der Verzeichnisse. In Ihren Vorlagen, die Sie würde, nun finden Sie jede Datei mit "namespace" der app: {{ STATIC_URL }}/myapp/test.txt

InformationsquelleAutor der Antwort Burhan Khalid

Die empfohlene Vorgehensweise hat sich wieder verändert (von mindestens Django 1.5 glaube ich).

Oben in deinem template setzen:

{% load staticfiles %}

Dann, mit der gleichen Verzeichnisstruktur (myapp/static/myapp/style.css):

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

Quelle

InformationsquelleAutor der Antwort Chris

endlich habe ich nach vielen Tagen hier ist, wie Sie getan werden sollte
1> benötigen Sie Ihre statische Datei in Ihrem app zusammen mit in Ihr Projekt
2> hier ist setting.py

   if DEBUG:
   STATIC_ROOT = "/PycharmProjects/don/admin/shopping/static/css"

    STATICFILES_DIRS =(
     #os.path.join(os.path.dirname(BASE_DIR),"static","static"),
     os.path.join(BASE_DIR, "static"),
    )

3>views.py

        from django.views.generic import TemplateView
        class HomeView(TemplateView):
               template_name = 'index.html'

4> template-Datei

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

5> urls.py

            from shopping.views import HomeView 
             from django.conf import settings
             from django.conf.urls.static import static
           urlpatterns = [
            url(r'^admin/', admin.site.urls),
             url(r'^$', HomeView.as_view())
          ]
        if settings.DEBUG:
       urlpatterns+=static(settings.STATIC_URL,document_root=settings.STATIC_ROOT)

6>     python manage.py collectstatic  

have fun :)

InformationsquelleAutor der Antwort Roshik Dahal