2016-08-07 2 views
0

J'ai lu le tutoriel "Tango avec django" et je suis sur le chemin pour montrer des images sur mon site Web. Dans les paramètres. py i coller ces lignes dans cette étape:Le modèle n'affiche pas l'image - django

STATIC_DIR = os.path.join(BASE_DIR, 'static') 

STATICFILES_DIRS = [STATIC_DIR, ] 

STATIC_URL = '/static/' 

Et dans mon modèle:

{% load staticfiles %} 

<html> 
    <head> 
     <title>Rango</title> 
    </head> 
    <body> 
      <a href="/rango/about/">About</a><br /> 
      <img src="{% static "images/rango.jpg" %}" 
       alt="Picture of Rango" /> 
    </body> 
</html> 
chemin

à mes images fichier:

demande site \ \ Rango \ images statiques \ \ rango.jpg

Je n'ai aucune idée de ce que je fais mal, j'ai essayé quelques autres solutions, mais ça ne marche pas aussi.

+0

Veuillez mettre à jour la question avec trois fichiers. mappage de manage.py par rapport au dossier statique. – NBajanca

Répondre

0

Je ne pense pas qu'il y ait quelque chose de connu sous le nom de STATIC_DIR dans Django. Pourquoi le définissez-vous même en premier lieu.

Il suffit d'utiliser STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]

Cela devrait fonctionner pour vous fourni votre dossier static est au-à-dire le niveau Base Directory, au même niveau que celui de manage.py

0

Seuls les éléments suivants doivent être ajoutés à settings.py:

STATIC_ROOT = os.path.join(BASE_DIR, "static/") 
STATIC_URL = '/static/' 

Si vous avez besoin d'avoir cette image dans un autre répertoire ajouter le chemin complet:

STATICFILES_DIRS = [<full path>] 

Important! De Django Docs:

Notez que ces chemins doivent utiliser des barres obliques avant de style Unix, même sur de Windows (par exemple "C:/Users/user/monsite/extra_static_content").

Un exemple sur la façon dont vous devez organiser votre projet:

manage.py

  • <project-name>

    • settings.py
  • <app_name>

    • static/
      • <app_name>/
        • img/
          • rango.jpg

cette façon, vous appelez:

<img src="{% static "<app_name>/img/rango.jpg" %}" alt="Picture of Rango"> 

Essayez l'apprentissage de la official tutorial, il est vraiment bon et vous habituer à chercher des trucs dans les docs.