Bienvenue dans cette leçon, nous allons aborder la fonctionnalité de création de commentaires.
Nous avons donc trois objectifs principaux.
Je vais souligner ceux d'abord, nous devons commencer par parler de quelque chose que l'on appelle les routes imbriquées.
Donc nous allons arriver à cela, alors nous devons faire nos deux routes afin de créer des comètes.
Nous avons besoin d'un itinéraire pour le formulaire qui est nouveau et puis nous avons besoin d'une route post où nous avons réellement créer le commentaire réel qui est appelé créer de nouvelles et créer et puis nous avons besoin de la nouvelle forme de commentaire.
Commençons par discuter de ce que nous avons jusqu'à présent.
Je suis donc en train d'exécuter ce serveur.
Nous avons trois terrains de camping que nous avons vus dans la base de données et je peux cliquer sur un et nous avons un commentaire.
Ce que nous aimerions faire est AUSSI avoir un bouton qui dit ajouter un nouveau commentaire ou la laisser pour vous ou quelque chose comme ça.
Nous cliquons dessus et ensuite nous allons à une nouvelle page qui montre un formulaire et puis sur ce formulaire, nous pourrions soumettre un nouveau commentaire avec le nom d'un auteur et un texte et cliquez sur envoyer et nous ramener ici et nous verrons notre nouveau commentaire .
C'est donc l'objectif final d'y arriver.
Je veux commencer par parler de quelque chose que l'on appelle des routes imbriquées.
Et avant de faire cela, je vais simplement mettre en évidence que je suis maintenant sur VIF pour parce que nous allons déplacer certains fichiers autour de changer la structure un peu.
Donc, je veux en faire une nouvelle version juste pour que vous puissiez comparer ces changements.
Donc encore la version 4.
D'ACCORD.
Commençons donc par faire une revue des itinéraires reposants que nous avons vus jusqu'ici.
Donc, nous avons parlé de l'index qui affiche une liste de tous les chiens et l'itinéraire est des chiens slash ou quelles que soient nos ressources slash commentaires slash campgrounds utilisateurs barre oblique.
Et c'est la demande d'obtenir.
Ensuite, nous avons de nouveaux uncreate qui sont en quelque sorte appariés ensemble où tout ce nouveau fait est il nous montre un formulaire et ensuite nous soumettons le formulaire et le formulaire envoie les données pour créer une annonce qui est flash chiens le même chemin que l'index, sauf c'est un Post demande.
Et puis nous avons un spectacle qui est un peu différent, car il ya un paramètre de chemin à l'intérieur de l'itinéraire de l'ID et nous avons besoin que parce que le point entier de montrer est qu'il montre des informations et des détails sur une entité particulière.
Donc, cela fonctionne très bien.
C'est ce que nous avons jusqu'à présent.
Nous avons notre index pour les terrains de camping qui est terrain de camping slash.
Nous avons de nouveaux et de créer et de montrer pour les terrains de camping.
Donc, nous avons Slash terrains de camping et puis nous avons Slash terrains de camping slash nouveau et puis nous avons Slash terrains de camping comme un poste pour créer et slash terrain de camping slash ID pour le spectacle.
Mais maintenant, nous devons ajouter dans certaines routes de commentaires car nous voulons être en mesure d'ajouter un commentaire à nouveau lorsque nous cliquons sur un bouton ici.
Il devrait nous amener à un itinéraire pour ajouter un commentaire à ce camping particulier et c'est la partie importante.
Donc, notre itinéraire ne va pas vraiment ressembler à ça.
Nous n'allons pas avoir de nouveau incréé pour les commentaires qui ressemblent à ceci où nous avons Slash commentaires slash nouvelles et slash commentaires par opposition à réellement créer.
Ce n'est pas ce que nous allons avoir parce que ce que vous savez n'a aucune information sur le terrain de camping particulier que nous ajoutons le commentaire à.
Donc, cela fonctionnerait si nous étions juste arbitrairement créer des commentaires.
Mais si nous voulons vraiment qu'ils soient associés à un terrain de camping particulier que nous faisons nous avons besoin d'avoir l'ID camping dans l'URL.
Donc, cela obtient à la première question que je veux faire apparaître qui est enveloppes imbriquées.
Donc, ce que nous pouvons faire est de prendre ces routes reposantes et de les combiner et nous pouvons nicher les routes de commentaires sur le dessus pour après les itinéraires de camping.
Donc, notre commentaire nouveau est en fait va ressembler au terrain de camping slash ID slash commentaires slash nouveau et ou créer.
Ce sera des terrains de camping.
Slash ID slash commentaires.
Donc, ce que nous avons fait, c'est que nous avons pris le terrain de camping dans l'ID et que nous l'avons placé avant toutes les routes qui ont trait aux commentaires.
Et c'est parce qu'un commentaire dépend d'un terrain de camping.
Nous n'avons pas de commentaires qui existent loin des terrains de camping.
Ils sont intrinsèquement liés.
Et à l'intérieur de la création, par exemple, nous ne ferons pas seulement un commentaire, nous allons faire un commentaire et ensuite nous allons l'associer au terrain de camping.
Nous allons donc devoir faire une recherche par ID pour les terrains de camping et ensuite nous devrons créer un commentaire, puis nous allons devoir les relier et les enregistrer tous les deux.
Donc, nous avons besoin de cette idée dans l'enveloppe de sorte que tout ce qui est de dire que nous allons utiliser des itinéraires imbriqués.
Ce sont les deux nouvelles routes que nous ajoutons si nouvelles et créer des commentaires.
D'accord.
Alors, commençons.
Je vais passer à V pour le moment, je suis en v3 donc je vais à C.D et puis CD dans avant.
Juste comme ça.
Et puis je vais ouvrir après Oui.
Et c'est là que nous allons faire la plupart de notre travail et nous allons commencer par ajouter dans la nouvelle route qui ressemble à ce droit ici.
Campgrounds slash ID slash commentaires slash nouveau comme une demande d'achat et il devrait montrer un formulaire pour nous de créer un nouveau commentaire.
Et nous avons beaucoup d'itinéraires à nouveau et nous allons déménager très prochainement.
Mais je vais commencer par ajouter un petit diviseur ici juste pour faire clairement le double de cela et alors je vais juste dire les routes de commentaires.
D'accord.
Et nous allons ajouter un slash apt get slash camp et Id slash commentaires slash nouveau.
Et puis notre rappel et ici nous voulons notre demande et notre réponse.
Et puis à l'intérieur, nous allons commencer par faire un envoi redstart.
Ce sera un formulaire de commentaire juste pour s'assurer que notre itinéraire est correctement branché et si nous commençons maintenant le noeud de serveur tracé J nous et alors nous allons à la page de camping rafraîchir et nous allons cliquer sur un de ces et pour obtenir à la Nouvelle route de commentaire.
Besoin d'ajouter des slash commentaires slash new.
Et voilà.
Il dit que ce sera la forme commune.
Maintenant, revenons en arrière.
Au lieu de renvoyer cette réponse, nous allons rendre un modèle et cela devrait être nouveau.
C'est le nom du modèle nouveau que E.J ..
Oui.
Mais il ya un problème, c'est que nous avons une nouvelle forme existant déjà pour notre terrain de camping neuf ici, donc nous pouvons avoir un autre modèle appelé nouveau et devons-nous faire un petit changement et c'est ce que nous allons faire.
Nous allons diviser les vues de ce répertoire ici, nous allons ajouter dans deux nouveaux répertoires camping et nous allons ajouter dans le commentaire.
Nous allons le faire maintenant.
Faire un répertoire au lieu d'utiliser des commentaires appelés et faire un autre appelé terrains de camping et vous pouvez voir ces deux nouveaux répertoires ici et souligner pour faire glisser les fichiers sur où je les ai besoin d'aller.
Donc l'index est pour le terrain de camping nouveau est pour camping est montrer pour le camping et alors nous devrons faire notre nouveau.
US au lieu de commentaires.
Alors, faisons-le maintenant.
Sera toucher des vues de slash commentaires slash nouveau chaque Oui et puis nous ferons la même chose, mais ouvrez-le et nous allons ouvrir ce fichier et nous allons ajouter notre H-1 qui vient de dire nouveau formulaire de commentaire et enregistrer cela.
Donc, ce que nous voulons faire, c'est de voir que lorsque nous allons à cela, vous êtes bien.
Donc, nous avons notre redstart rendre nouveau, mais nous devons le changer.
Il devrait maintenant être redstart rendre commentaires slash nouveau.
Ce n'est pas seulement nouveau dans l'itinéraire des points de vue.
C'est maintenant au lieu de commentaires que vous pouvez voir là.
Et nous aurons également besoin de changer sur toutes les autres routes ainsi.
Donc, cela doit être terrain de camping slash.
Cela doit aussi être des terrains de camping et nous n'avons pas besoin du barrage.
E.J. Oui, puis nous en avons encore un ici.
Celui-ci peut rester le même, mais l'indice doit être l'indice de slash camping.
D'accord.
Et l'atterrissage est sur ses propres parce qu'il n'appartient pas aux terrains de camping.
Il n'appartient pas aux commentaires c'est sa propre chose.
Nous allons le laisser là où il est et c'est vraiment assez vide encore.
Nous n'avons pas réellement rempli la plupart de la page de destination alors nous allons essayer d'exécuter ce code maintenant noeud nous enlèvent et nous irons à la page camping et nous avons un problème.
Vous pourriez penser que le problème est que express n'a pas trouvé le fichier que nous venons de créer l'index slash camping, mais ce n'est pas vraiment le problème avec la question est si nous si nous lisons attentivement ici, il ne peut pas trouver le fichier.
Aucun fichier ou répertoire de ce nom.
Yup version du camp pour les campings vues.
L'en-tête de Parshall.
Chaque Oui.
Il ne s'agit donc pas de trouver les colis que nous comprenons si nous ouvrons l'indice.
C'est ici.
Et c'est parce que nous avons changé où ce fichier était.
Nous devons donc changer la façon dont nous relions à Parshall parce que nous étions dans le même répertoire que Parshall comme prêt chacun.
Oui.
Mais maintenant, ce fichier est imbriqué à l'intérieur des terrains de camping.
Nous devons donc retourner d'abord un dossier qui nous amènera d'ici jusqu'à ici, puis à Parshall puis à l'hétérodoxie.
Donc dot dot slash Le point dot de Parshall représente un niveau en arrière un dossier en arrière juste comme quand nous voyons le dot dot.
Très bien et nous ferons la même chose pour le pied de page point slash.
Et si nous économisons maintenant et rafraîchir cela fonctionne très bien.
Mais si nous essayons d'aller à la page d'affichage, nous avons le même problème.
Donc, nous devons aller à ces terrains de camping différents modèles Let's do dot dot slash slash et montrent également fera point dot slash à nouveau.
Et un de plus et sauver maintenant ce modèle devrait fonctionner pour nous.
Nous avons donc montré qu'elle pouvait retourner dans un nouveau terrain de camping.
Cela fonctionne très bien.
Génial.
Maintenant, essayons le nouveau modèle de commentaire.
Donc, nous allons cliquer sur n'importe quelle page de spectacle et ajouter des slash commentaires slash nouveau.
Et nous obtenons le correct chaque fois dehors.
Maintenant, nous allons ajouter le formulaire ici et je vais voler de notre autre nouveau modèle qui est le nouveau terrain de camping allait prendre tout cela en fait et le copier et maintenant passer à commentaire nouveau et coller dans et nous Il faudra changer quelques choses.
Eh bien garder le même Parshall est la tête ou le pied de page et nous allons changer cela pour ajouter de nouveaux commentaires et de sauver que et puis nous avons besoin de changer le vous êtes ici.
Êtes-vous sont des besoins d'être slashed terrains de camping.
Slash et nous avons besoin de l'ID du terrain de camping que nous n'avons pas encore.
Nous ne l'avons pas dans ce modèle.
Ce que nous devons faire est en fait passer à travers ce modèle et nous pourrions simplement passer l'idée elle-même en tant que variable et l'afficher ici.
Mais en fait, je veux utiliser le titre ou le nom du terrain de camping ainsi afin que nous puissions dire ajouter un nouveau commentaire à.
Et puis ici, nous pourrions faire le nom du terrain de camping qui, à l'heure actuelle, nous ne pouvons pas parce que le terrain de camping n'est pas défini, nous allons faire cela.
Et puis ici nous allons juste pré-remplis le code que nous voulons travailler plutôt que le nom du terrain de camping va ajouter dans le terrain de camping dot ID et ensuite nous avons besoin du reste de l'itinéraire qui est sashed commentaires parce que souvenez-vous c'est le chemin de la poste pour créer un commentaire .
Donc, nous avons cette route en ce moment.
C'est le modèle que nous regardons et le formulaire sur le modèle que le nouveau modèle doit envoyer une demande de soumettre les données du formulaire comme un post à ce que vous savez.
D'ACCORD.
Donc, nous avons écrit ceci, il ne va pas travailler dès maintenant parce que le terrain de camping n'est pas défini dans le modèle.
Donc, ce que nous devons faire est d'aller à l'itinéraire de la nouvelle route que nous avons le fond ici et nous avons besoin de trouver le terrain de camping par l'id et ensuite nous voulons envoyer que, lorsque nous rendons.
Donc ça va être un terrain de camping que nous trouvons tous par ID et l'ID est la demande harams que Id tout ce que nous avons nommé ici.
Et le nom standard est ID.
Et puis quand cela est fait, nous aurons une erreur de rappel, puis camping et nous allons juste vérifier s'il ya une erreur, nous allons annuler ce journal pour l'instant.
Sinon, nous allons rendre les commentaires nouveaux.
Et nous allons passer en terrain de camping pour que le terrain de camping soit égal à la valeur de ce terrain de camping revenant de la base de données.
Nous allons donc enregistrer ceci et nous pouvons essayer de jeter un oeil à ce modèle maintenant si nous redémarrage CheckFree de toute erreur de syntaxe.
Cela semble bon.
Nous ne pouvons pas simplement rafraîchir parce que chaque application de timer charge vers le haut nous sommes réellement la génération de nouveaux terrains de camping et ils auront des idées différentes.
Donc, ce que nous devons faire est de retourner à des terrains de camping, puis cliquez sur un de ces derniers et ensuite aller à slash commentaires slash nouveau.
Et nous obtenons un forum ici.
Examinons le formulaire.
Mais la première chose qui me semble bon, c'est que ça me dit d'ajouter un nouveau commentaire à clads reste.
Examinons donc et jetons un coup d'oeil à l'URL que le formulaire se soumet à.
Ainsi, l'action de formulaire est définie sur la barre oblique slash terrain.
Ce gigantesque ID slash commentaires comme un post qui est exactement ce dont nous avons besoin.
Maintenant, nous devons rendre ce formulaire ont les attributs corrects.
Nous allons donc revenir en arrière et nous souhaitons que ce formulaire contienne un commentaire. Nous allons donc l'appeler pour l'instant.
Et un auteur.
Et c'est tout ce dont nous avons besoin.
Donc nous n'avons pas besoin de la description que nous avons dû supprimer.
Et puis nous changerons les noms ici.
Et je vais vous montrer une autre stratégie pour mettre les noms au lieu de les faire séparés.
Comme l'auteur et puis apparaissent faisant le texte.
Ce que nous pouvons faire est de les regrouper comme ce commentaire et ensuite les crochets autour de l'auteur, puis comment crochets commentaires et le texte et puis lorsque nous envoyons ce formulaire, il sera tous imbriqués dans le commentaire.
Donc, à l'intérieur de mes objets dans l'itinéraire, je serai en mesure d'extraire la requête de commentaire sur le commentaire de canard de corps et il aura déjà le texte et l'auteur à l'intérieur de lui donc je vais vous montrer que dans une seconde.
Assurons-nous simplement que le formulaire semble OK maintenant.
Actualisez la page.