public:appro-s7:td_web:donnees-dynamiques

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
public:appro-s7:td_web:donnees-dynamiques [2023/10/30 10:55] – edaucepublic:appro-s7:td_web:donnees-dynamiques [2023/10/30 22:55] (Version actuelle) – edauce
Ligne 1: Ligne 1:
-11. Données dynamiques dans les templates+==== 11. Données dynamiques dans les templates ====
  
-Nous avons différents morceaux en place : le modèle Billet qui est défini dans le fichier models.py, la vue post_list dans views.py et nous venons de créer notre template. Mais comment allons-nous faire pour faire apparaître nos billets dans notre template HTML ? Car au final, n'est-ce pas le but que nous souhaiterions atteindre ? Nous aimerions prendre du contenu, en l'occurrence notre modèle sauvegardé dans notre base de données, et réussir à joliment l'afficher dans notre template.+Nous avons différents morceaux en place : le modèle ''Billet'' qui est défini dans le fichier ''models.py'', la vue ''post_list'' dans ''views.py'' et nous venons de créer notre template. Mais comment allons-nous faire pour faire apparaître nos billets dans notre template HTML ? Car au final, n'est-ce pas le but que nous souhaiterions atteindre ? Nous aimerions prendre du contenu, en l'occurrence notre modèle sauvegardé dans notre base de données, et réussir à joliment l'afficher dans notre template.
  
 C'est à ça que servent les vues : connecter les modèles et les templates. Dans notre vue post_list, nous allons avoir besoin de prendre les modèles dont nous avons besoin et de les passer au template. C'est dans la vue que nous allons décider ce qui va s'afficher (quel modèle) dans un template. C'est à ça que servent les vues : connecter les modèles et les templates. Dans notre vue post_list, nous allons avoir besoin de prendre les modèles dont nous avons besoin et de les passer au template. C'est dans la vue que nous allons décider ce qui va s'afficher (quel modèle) dans un template.
Ligne 7: Ligne 7:
 Ok, et sinon, on fait comment ? Ok, et sinon, on fait comment ?
  
-Nous allons avoir besoin d'ouvrir le fichier blog/views.py dans l'éditeur de code. Pour l'instant, la vue post_list ressemble à ceci : +Nous allons avoir besoin d'ouvrir le fichier ''blog/views.py'' dans l'éditeur de code. Pour l'instant, la vue ''post_list'' ressemble à ceci :
- +
-blog/views.py+
  
 +''blog/views.py''
 +<code python>
 from django.shortcuts import render from django.shortcuts import render
  
 def post_list(request): def post_list(request):
     return render(request, 'blog/post_list.html', {})     return render(request, 'blog/post_list.html', {})
 +</code>
  
-Est-ce que vous vous souvenez de comment rajouter des morceaux de code écrits dans d'autres fichiers ? Nous en avons parlé dans un chapitre précédent. Nous allons devoir importer notre modèle qui est défini dans le fichier models.py. Pour cela, nous allons ajouter la ligne from .models import Billet de la façon suivante : +Est-ce que vous vous souvenez de comment rajouter des morceaux de code écrits dans d'autres fichiers ? Nous en avons parlé dans un chapitre précédent. Nous allons devoir importer notre modèle qui est défini dans le fichier ''models.py''. Pour cela, nous allons ajouter la ligne ''from .models import Billet'' de la façon suivante :
- +
-blog/views.py+
  
 +''blog/views.py''
 +<code python>
 from django.shortcuts import render from django.shortcuts import render
 from .models import Billet from .models import Billet
 +</code>
  
-Le point avant models signifie "dossier courant" ou "application courante". Les fichiers views.py et models.py sont dans le même répertoire. Cela signifie que nous pouvons utiliser . suivi par le nom du fichier (sans .py). Ensuite, nous importons le modèle (Billet).+Le point avant models signifie "dossier courant" ou "application courante". Les fichiers ''views.py'' et ''models.py'' sont dans le même répertoire. Cela signifie que nous pouvons utiliser . suivi par le nom du fichier (sans .py). Ensuite, nous importons le modèle (Billet).
  
-Ok, et après ? Afin de pouvoir aller chercher les véritables billets de blog de notre modèle Billet, nous avons besoin de quelque chose qui s'appelle un QuerySet.+Ok, et après ? Afin de pouvoir aller chercher les véritables billets de blog de notre modèle Billet, nous avons besoin de quelque chose qui s'appelle un //QuerySet//.
  
-QuerySet+=== QuerySet ===
  
 Normalement, ce mot doit vous évoquer quelque chose. Nous en avons un peu parlé dans la section Django ORM (QuerySets). Normalement, ce mot doit vous évoquer quelque chose. Nous en avons un peu parlé dans la section Django ORM (QuerySets).
Ligne 33: Ligne 35:
 Maintenant, nous allons nous intéresser à comment publier les billets classés par date de publication (published_date). Ça tombe bien, on a déjà fait ça dans la section sur les QuerySets ! Maintenant, nous allons nous intéresser à comment publier les billets classés par date de publication (published_date). Ça tombe bien, on a déjà fait ça dans la section sur les QuerySets !
  
-blog/views.py +''blog/views.py'' 
 +<code python>
 Billet.objects.filter(published_date__lte=timezone.now()).order_by('published_date') Billet.objects.filter(published_date__lte=timezone.now()).order_by('published_date')
 +</code>
  
-Ouvrons donc le fichier blog/views.py dans l'éditeur de code et ajoutons le morceau de code suivant à la fonction def post_list(request). N'oubliez pas d'ajouter d'abord from django.utils import timezone. +Ouvrons donc le fichier ''blog/views.py'' dans l'éditeur de code et ajoutons le morceau de code suivant à la fonction ''def post_list(request)''. N'oubliez pas d'ajouter d'abord ''from django.utils import timezone''.
- +
-blog/views.py+
  
 +''blog/views.py''
 +<code python>
 from django.shortcuts import render from django.shortcuts import render
 from django.utils import timezone from django.utils import timezone
Ligne 48: Ligne 51:
     billets = Billet.objects.filter(published_date__lte=timezone.now()).order_by('published_date')     billets = Billet.objects.filter(published_date__lte=timezone.now()).order_by('published_date')
     return render(request, 'blog/post_list.html', {'billets': billets})     return render(request, 'blog/post_list.html', {'billets': billets})
 +</code>
  
 Il nous manque encore un petit quelque chose : passer notre QuerySet billets à notre template. Pas d'inquiétude, nous allons voir cet aspect prochainement. Il nous manque encore un petit quelque chose : passer notre QuerySet billets à notre template. Pas d'inquiétude, nous allons voir cet aspect prochainement.
Ligne 53: Ligne 57:
 Veuillez noter que nous créons une variable pour notre QuerySet : billets. Considérez que c'est le nom de notre QuerySet. À partir de maintenant, nous allons pouvoir faire référence à notre QuerySet en utilisant ce nom. Veuillez noter que nous créons une variable pour notre QuerySet : billets. Considérez que c'est le nom de notre QuerySet. À partir de maintenant, nous allons pouvoir faire référence à notre QuerySet en utilisant ce nom.
  
-Dans la fonction render, nous avons un paramètre request, qui désigne tout ce que nous recevons d'un utilisateur par l'intermédiaire d'Internet, et un autre qui signale le fichier template ('blog/post_list.html'). Le dernier paramètre, {}, va nous permettre de glisser des informations que notre template va utiliser. Nous devons donner des noms à ces informations (nous allons rester sur 'billets' pour le moment). :) Ça va ressembler à ça : {'billets': billets}. La partie située avant : est une chaîne de caractères ; vous devez donc l'entourer de guillemets : ''. +Dans la fonction render, nous avons un paramètre request, qui désigne tout ce que nous recevons d'un utilisateur par l'intermédiaire d'Internet, et un autre qui signale le fichier template (''blog/post_list.html''). Le dernier paramètre, {}, va nous permettre de glisser des informations que notre template va utiliser. Nous devons donner des noms à ces informations (nous allons rester sur 'billets' pour le moment). :) Ça va ressembler à ça : {'billets': billets}. La partie située avant : est une chaîne de caractères ; vous devez donc l'entourer de guillemets : ''.
- +
-Au final, notre fichier blog/views.py doit ressembler à ceci maintenant :+
  
-blog/views.py+Au final, notre fichier ''blog/views.py'' doit ressembler à ceci maintenant :
  
 +''blog/views.py''
 +<code python>
 from django.shortcuts import render from django.shortcuts import render
 from django.utils import timezone from django.utils import timezone
Ligne 66: Ligne 70:
     billets = Billet.objects.filter(published_date__lte=timezone.now()).order_by('published_date')     billets = Billet.objects.filter(published_date__lte=timezone.now()).order_by('published_date')
     return render(request, 'blog/post_list.html', {'billets': billets})     return render(request, 'blog/post_list.html', {'billets': billets})
 +</code>
  
 Et voilà, c'est bon ! Nous allons retourner du côté de notre template pour que notre QuerySet puisse s'afficher correctement ! Et voilà, c'est bon ! Nous allons retourner du côté de notre template pour que notre QuerySet puisse s'afficher correctement !
  
-Si vous voulez en savoir plus sur les QuerySets, n'hésitez pas à consulter la documentation officielle du framework : https://docs.djangoproject.com/en/2.2/ref/models/querysets/+Si vous voulez en savoir plus sur les QuerySets, n'hésitez pas à consulter la documentation officielle du framework : {{https://docs.djangoproject.com/en/2.2/ref/models/querysets/}}
  
 +[[public:appro-s7:td_web:templates|12. Les templates]]
  • public/appro-s7/td_web/donnees-dynamiques.1698659737.txt.gz
  • Dernière modification : 2023/10/30 10:55
  • de edauce