Django - Referenzierung von statischen Dateien in Vorlagen

Ich Schwierigkeiten beim verweisen auf statische Dateien in "meine Vorlagen". Ich bin mit Twitter Bootstrap-und bootstrap-Dateien (css, img, js) sitzen am mysite/statisch.

Ich habe den STATIC_URL, STATIC_ROOT und TEMPLATE_CONTEXT_PROCESSORS nach dieses tutorial. Ich habe ./manage.py collectstatic die kopiert 72 Dateien über. Ich habe auch Hinzugefügt, die unter template-tag, um mein template (index.html- Datei) aber das hat nicht geklappt.

{% load staticfiles %}
<link rel="stylesheet" href="{% static user_stylesheet %}" type="text/css" media="screen"/>

Jede Hilfe auf gewusst wie: verweisen auf die Dateien, so dass die bootstrap-styling zurück zu den Vorlagen wäre sehr geschätzt werden!

InformationsquelleAutor Jess | 2012-12-23
  1. 16

    Sollte es 

    {% load static from staticfiles %}

    Und dann so etwas wie

    <!-- path -->
<link href="{% static 'bootstrap/css/bootstrap.css' %}" rel="stylesheet" type="text/css">
<!--->

    Update für Vollständigkeit

    Ordner-Struktur

    • proj
      • app1
      • app2
      • myproj_public
      • statische
        • css
          • bootstrap.css
        • js
          • xyz.js

    Einstellungen-Datei

    STATIC_ROOT = os.path.join(os.path.abspath(
    os.path.join(PROJECT_ROOT, 'myproj_public', 'static')), '')

STATIC_URL = '/static/'
    • Danke. Ich habe dies nur Hinzugefügt, um die Spitze von meinem index.html Datei aber das hat nicht geklappt. Ist es etwas anderes was könnte ich übersehen haben?
    • Was sagt es aus, wenn Sie überprüfen Sie Ihre Seite in firebug (firefox) oder die developer tools (chrome). Hast du die css-Dateien im richtigen Verzeichnis?
    • Danke für deine Antwort, ich habe es endlich die Arbeit nach der Befestigung der Pfad der statischen Dateien.
    • Diese Lösung ist noch aktuell? Ich bin mit Django 1.8.6 und das ist nicht für mich arbeiten. Meine Verzeichnis Struktur ist sehr ähnlich.
    • Nein, es scheint veraltet. docs.djangoproject.com/en/1.11/howto/static-files
    InformationsquelleAutor super9
  2. 4

    Sind Sie Einstellung der user_stylesheet Kontext-variable in Ihrem Blick? Müssen Sie, dass, bevor Sie weitergeben können, Sie auf Vorlagen.

    Ich in der Regel verwenden Sie einfach die {{ static_url }} tag für Tat das Zeug, also mein code für das einbinden von bootstrap Komponenten sein würde.

    <link href="{{ STATIC_URL }}bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="{{ STATIC_URL }}bootstrap/js/jquery.js"></script>

    Unter der Annahme, dass die bootstrap-Ordner befindet sich im inneren statisch.

    BEARBEITEN

    Für Ihren Fall zu setzen user_stylesheet Kontext-variable, müssen Sie etwas tun, wie

    dict["user_stylesheet"]= <path to your file>
#add other context variables you might have to
render_to_response(<your template name>, dict, context_instance=RequestContext(request))
    • Danke @ersran9. Ich habe nicht die user_stylesheet Kontext-variable in views.py. Das ist alles Neuland im moment so ich bin mir nicht ganz sicher, welches es als. Was würde Ihr user_stylesheet Kontext-variable Lesen?
    • Bearbeitet die Antwort. Btw, wenn Sie mit static_url, wie ich gezeigt habe, gibt es keine Notwendigkeit, um den user_stylesheet, die Einstellung der richtigen static_root und static_url in settings.py ist genug
    • OK, danke dir. Ich habe den static_root und static_url in settings.py und den code Hinzugefügt, wie empfohlen von super9 unten nach oben index.html aber das hat nicht geklappt. Gibt es etwas, was ich tun könnte falsch?
    • Drucken Sie die {{ STATIC_URL }} im template prüfen, ob Sie die richtige url. Sobald Sie bestätigen, dass fordern Sie eine Datei direkt über den browser,sprich: 127.0.0.1:8000/<static_url>/bootstrap/css/bootstrap.css-überprüfen, ob {{ STATIC_ROOT }} richtig eingestellt ist
    • Ich habe es endlich funktioniert 🙂 Danke.
    InformationsquelleAutor ersran9
  3. 0

    Wenn Sie static_root zum Beispiel:

    STATIC_ROOT = os.path.join(BASE_DIR, "static_root/")

    sind alle Dateien kopiert, anstatt in project_root/static. Es ist ein neuer Mechanismus eingeführt, der in Django 1.3, zu einfach die static-Datei-Verarbeitung: es sammelt alle Dateien in jedem STATICFILES_DIR und alle static dir unter jede installierte app, so dass Sie kopieren Sie Sie einmal in aller.

    Finden Sie die css - /js-Dateien mit static_root Weg.

    InformationsquelleAutor WesternGun
Schreibe einen Kommentar