Dépot Copyright

 CopyrightFrance.com

Cours Python

  1. Introduction à Python
  2. Ide Python
  3. Premier programme Python
  4. Les variables en Python
  5. Les commentaires en Python
  6. Les opérateurs Python
  7. Les fonctions en Python
  8. Structure If else... Python
  9. For While Python
  10. Formatage des chaines Python
  11. Les listes en Python
  12. Les tuples en Python
  13. Les dictionnaires en Python
  14. Les ensembles en Python
  15. POO et classes en Python
  16. Héritage en Python
  17. Les exceptions en Python
  18. Le gestionnaire des packages pip
  19. Télécharger le cours complet
  20. Les modules en Python
  21. Le module OS
  22. Module datetime Python
  23. Le module Platform
  24. Le module virtualenv
  25. Le Module PyInstaller
  26. Les fichiers en Python
  27. Les fichiers ouverture & lecture
  28. Les fichiers ouverture & écriture
  29. Les fichiers CSV en Python
  30. Les Fichiers JSON En Python
  31. Fichier de configuration .ini
  32. Python & SQLite database
  33. DB Browser for SQLite
  34. Interface Graphique Tkinter
  35. Les Windgets Tkinter
  36. Bibliothèque d'images PILLOW
  37. Module de style tkinter.ttk
  38. Liste déroulante ttk Combobox
  39. le module filedialog
  40. Projet: Création éditeur de texte
  41. Bibliothèque graphique wxPython
  42. Bibliothèque graphique PyQt5
  43. Télécharger le cours complet
  44. Le module Math
  45. La bibliothèque matplotlib
  46. Le module Python statistics
  47. Bibliothèque Sympy
  48. Bibliothèques Numpy
  49. Bibliothèques Scipy
  50. Bibliothèques Pandas
  51. Bibliothèques Scikit Learn
  52. Bibliothèques TensorFlow
  53. Python Machine Learning
  54. Introduction à Django
  55. Installation de Django
  56. Premier Projet Django
  57. Interface administrateur
  58. Créer une application django
  59. Les modèles de django
  60. Templates Django
  61. Les formulaires Django
  62. Fichiers Statiques Django
  63. Exercices Python: les bases
  64. Exercices Python: les classes
  65. Exercices Python: les fichiers
  66. Tous les TP Python
  67. Création Editeur de Texte en Python Partie1
  68. Carnet d'adresse en Python
  69. Formation Python-partie1

Utilisateurs en ligne

Users: 7 Guests, 3 Bots

Annonces Google

1 – A propos des fichiers statiques django

Les application Web doivent généralement servir des fichiers supplémentaires tels que des images, code javaScript ou CSS… Dans Django, nous appelons ces fichiers des ‘fichiers statiques’ (static files en anglais). Django fournit django.contrib.staticfiles pour vous aider à gérer les fichiers statics.

Nous allons décrire comment pouvons nous mettre en place ces fichiers statiques:
Commençons par créer un répertoire nommé ‘static’ à la racine de notre projet mysite:

Créons ensuite 3 autres sous répertoires:

  1. css/ pour les feuilles de style css
  2. js/ pour les fichiers de script js ( javascript)
  3. img/ pour les fichiers images

Voici l’arboressence finale:

2 – Configuration des fichiers statiques au niveau du fichier settings.py

– Assurez-vous que django.contrib.staticfiles est inclus dans la liste  INSTALLED_APPS du fichier settings.py:

– Dans votre fichier settings.py, définissez STATIC_URL:

settings.py
STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static/'),
]

3 – Configuration des fichiers statiques au niveau du template

Dans votre fichier index.html du template, ajoutez entre les balises <head> et </head> le code:

{% load static %}

Maintenant afin que le contenu css et javascript  soit accessible par le template, il faut ajouter entre les balises <head> et </head> les codes suivants:

<link rel="stylesheet" type ="text/css" href="{%  static 'css/votre_feuille_de_styles.css'  %}" />
<script src="{% static '/js/votre_fichier_javascript.js' %}" type="text/javascript"></script>

On peut maintenant se demander, comment accéder à un fichier du contenu statique, à titre d’exemple comment afficher une image contenu dans le dossier ‘static/img/’ ?
Dans ce cas, la balise IMG html doit être améliorée afin qu’elle puisse afficher une image:

<img src="{% static  'mysite/static/img/votre_image.extension'  %}" >

 

 

 

 

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Time limit is exhausted. Please reload the CAPTCHA.