3 votes

comment inclure différents fichiers js et css lors de l'utilisation de blocs de contenu avec jinja ?

Je suis en train de créer une application web en utilisant Django. J'ai un modèle html comme suit :

<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>

  {% block content %}
  {% endblock %}

</body>
</html>

J'utilise ce modèle pour créer d'autres fichiers html à l'aide de

{% extends 'document.html' %}

{% block content %} {% endblock %}

Pour l'instant, je fais référence à tous les fichiers css et js dans le document.html d'origine. Comment puis-je faire référence à différents fichiers js et css dans les nouveaux modèles uniquement lorsque cela est nécessaire ? Merci

1voto

Akhilendra yadav Points 514

Mettez ceci dans votre setting.py

STATIC_URL = '/static/'

STATIC_ROOT = os.path.dirname(BASE_DIR) + '/staticfiles/'

 STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
 )

créez un dossier statique dans l'application créée et mettez-y vos css, js et accédez-y via ceci

<link href="{{ static('/app_name/css/reset.css') }}" rel="stylesheet">

<script type="text/javascript" src="{{ static('/app_name/js/jquery-1.11.3.js') }}"></script>

0voto

Bioinfo Points 51

Maintenant ça marche. J'ai fait seulement quelques changements

{% extends 'document.html' %}
{% load staticfiles %}

{% block content %}

maintenant j'ai pu inclure les fichiers js ou css dont j'ai besoin dans le modèle nouvellement créé comme suit par exemple

<script src="{% static 'vendors/js/tableexport.min.js' %}"></script>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X