- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
Deviens membre Premium magic_button
Débloque cette session en devenant Membre Premium 🚀
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte person00:00:00 :Dans cette partie, on va créer la vue qui va nous permettre d'accéder à la page d'accueil de notre boutique.On va rentrer dans la boucle qu'on va refaire très souvent,qui est celle de créer un chemin d'URL qui va être relié à une vueet cette vue va retourner un fichier HTML qui va être affiché à l'utilisateur.
00:00:18 :La première chose qu'on va faire, c'est créer notre vue dans le fichier views.py.Vous voyez ici qu'on a déjà tout ce qu'il faut.On a l'import de la fonction render qu'on va utiliser pour retourner le fichier HTMLet ici, on va pouvoir créer nos vues.
00:00:31 :Je vais faire une vue que je vais appeler index tout simplementet à chaque fois qu'on crée une vue, on va récupérer la requête dans un paramètre iciqu'on appelle request par conventionet qui va récupérer la requête qu'on va pouvoir repasser à la fonction renderpuisque d'un côté, on a l'utilisateur qui fait une requête pour récupérer une page web
00:00:50 :et nous, on va retourner des informations pour afficher dans ce cas-ci un fichier HTML.Pour l'instant, ce que je peux faire, c'est retourner tout simplement un HTTP responseet retourner une chaîne de caractère, on va dire bonjour tout simplementet je vais là encore utiliser la puissance de PyCharm avec option entrée
00:01:07 :donc la petite ampoule rouge ici pour importer automatiquement cette classe HTTP response.Je vais ensuite connecter cette vue à un chemin d'URL.Pour l'instant, on va tout faire dans le fichier d'URL principal.
00:01:18 :Généralement, on sépare les fichiers d'URL par application.Dans ce cas-ci, je vais commencer par tout faire dans ce fichier-làet peut-être que par la suite, si on a beaucoup d'URL, ça ferait du sens de séparer un petit peu tout ça.
00:01:29 :J'ai supprimé tous les commentaires que vous aviez ici.Vous avez vraiment une grande documentation à l'intérieur de ce fichierque vous pouvez garder et lire pour référence.
00:01:37 :Moi, je n'en ai pas besoin puisque je vous explique tout.Dans ce fichier ici, on va rajouter une ligne.On a la ligne pour l'interface d'administrationet moi, ce que je vais faire, c'est rajouter une autre ligne.
00:01:47 :Je vais la mettre au-dessus.On va faire un chemin qui va par défaut être vide.En fait, c'est vide puisqu'on veut accéder à ce cheminen allant directement sur la page d'accueil.
00:01:57 :Sans rentrer quoi que ce soit dans l'URL, juste le nom du site,on veut accéder à cette page d'accueil.Ensuite, on va mettre notre vue.
00:02:03 :La vue, il va falloir l'importer.On va dire from store.views import index.C'est la vue qu'on vient de créer dans le fichier views.pyque l'on importe dans le fichier d'URL.
00:02:13 :Cette vue, on va la mettre ici en deuxièmeet on va également nommer ce chemin d'URL.On y reviendra par la suite.C'est très important de nommer vos chemins d'URLpuisque ça va vous permettre d'y accéder facilementavec une balise, donc la balise URL,à l'intérieur de vos templates.
00:02:28 :Pour l'instant, on le met et on ne s'en sert pas,mais ça a son importance et on le verra par la suite.On a notre chemin ici avec une chaîne de caractère vide.
00:02:36 :Je vais vous montrer si je mets Patrick ce que ça va donner.Si je mets Patrick ici, on retourne la vue d'index.Je vais retourner sur mon site.
00:02:44 :Et là, ici, plutôt que de mettre admin,je vais mettre Patrick et on va accéder à notre vueet récupérer le HTTP response qui nous indique bonjour.
00:02:52 :Moi, ce que je veux, ce n'est pas Patrick,c'est juste la chaîne de caractère vide comme je vous disais.Et ça va me permettre ici de ne rien mettre après le slashet d'accéder à cette même page.
00:03:01 :Maintenant, plutôt que de retourner bonjour dans notre vue ici,on va retourner notre fichier index.html.Pour ça, on utilise la fonction renderqui était importée automatiquement dans le fichier.
00:03:12 :Je vais supprimer l'import du HTTP responsepuisque je n'en ai plus besoin.Et ici, on va retourner en premier la requête.Et en deuxième, on va indiquer le nom du fichier.
00:03:21 :Le nom du fichier, dans ce cas-ci,on va partir du dossier templateset on va mettre le chemin pour se rendredepuis le dossier templates jusqu'au fichier.
00:03:29 :Dans ce cas-ci, il faut indiquer le sous-dossier storeet on retrouve ce que je vous disais tout à l'heure,c'est-à-dire le fait qu'on a un nomqui protège notre fichier HTML.
00:03:39 :Si on avait une autre vue d'index pour le blog,on aurait par exemple blog slash indexet non pas tout simplement index,auquel cas on aurait un problèmepuisque le nom serait le même.
00:03:50 :Donc store slash index, on met juste çaet ça va nous retourner notre fichier index.htmlavec le H1 qui est à l'intérieur de cette basequi est insérée ici.
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.