1 00:00:00,230 --> 00:00:02,350 Savoir ce que je veux faire est de faire notre modèle d'exposition. 2 00:00:02,610 --> 00:00:07,590 Donc je vais commenter cela afin que nous ne faisons pas constamment de nouveaux terrains de camping chaque fois que nous démarrons le serveur. 3 00:00:07,770 --> 00:00:12,060 Donc, en ce moment, nous n'en avons qu'une seule ici. 4 00:00:12,240 --> 00:00:18,670 Permettez-moi d'ajouter mon label montre montre plus d'informations sur un terrain de camping. 5 00:00:19,320 --> 00:00:21,330 Nous devons donc trouver le terrain de camping. 6 00:00:21,420 --> 00:00:22,370 Nous y reviendrons. 7 00:00:22,500 --> 00:00:24,050 Et quand rendre le modèle d'exposition. 8 00:00:24,210 --> 00:00:29,950 Commençons par ce rendu de rendu de point et ensuite nous devons créer ce modèle. 9 00:00:30,150 --> 00:00:40,320 Donc, nous allons faire le point de vue tactile nous a montré et C9 vues ont montré que Ejay nous et puis ajouter un H-1 très simple. 10 00:00:40,440 --> 00:00:52,730 C'est le modèle d'exposition pendant que nous allons et économisons nous nous assurons que cela fonctionne sont frais. 11 00:00:52,740 --> 00:01:08,520 Maintenant, si nous essayons et d'arriver à l'endroit où vous êtes bien que c'est un parcours spectacle terrain slash tout ce qui n'est pas nouveau terrain de camping nouveau est spécial, car il nous emmène à la nouvelle forme, mais tout autre ID et nos identifiants ressemblera à ça. 12 00:01:08,520 --> 00:01:10,450 Et ceux qui viennent de Mongo. 13 00:01:10,470 --> 00:01:15,050 Donc, ces idées sont générées automatiquement par Mongo et nous économisons quelque chose. 14 00:01:15,210 --> 00:01:24,250 Et ce que nous allons commencer par faire est effectivement ajouter dans les liens vers la page de montrer que nous avons un bouton ici que nous pouvons cliquer pour afficher plus d'informations. 15 00:01:24,420 --> 00:01:38,930 Donc, nous avons besoin d'ouvrir des vues slash terrains de camping, mais E.J. Nous et techniquement, nous devrions renommer ce fichier pour être indexés Ejay nous plutôt que des terrains de camping parce que nous suivons cette convention. 16 00:01:38,970 --> 00:01:44,040 Donc, nous avons de nouveaux, nous avons montrer que nous devrions nommer cet index plutôt que des terrains de camping. 17 00:01:44,460 --> 00:01:46,630 Nous pouvons donc le faire très rapidement ici. 18 00:01:46,710 --> 00:01:52,130 Il suffit d'aller à vues terrain et nous pouvons le renommer indexé que E.J .. 19 00:01:52,140 --> 00:01:52,710 Oui. 20 00:01:52,920 --> 00:01:58,540 Il ya aussi de nombreuses façons de le faire via le terminal, mais ce sera plus rapide pour l'instant plutôt que de vous montrer une autre commande. 21 00:01:58,770 --> 00:02:03,470 Donc nous allons le faire et puis nous devons nous assurer que apage oui rend le bon modèle. 22 00:02:03,810 --> 00:02:07,400 Donc, cela devrait rendre l'index maintenant OK. 23 00:02:07,890 --> 00:02:22,070 Donc, maintenant, ce que nous voulons faire, ce n'est pas simplement afficher pour chaque terrain de camping une image et un nom. Je vais également ajouter un paragraphe ici et dans ce paragraphe, nous allons ajouter une balise d'ancrage et nous allons fixer le Ref dans une seconde. 24 00:02:22,090 --> 00:02:27,500 Il peut s'agir d'une balise d'ancrage qui indique plus d'infos et nous allons lui donner une classe. 25 00:02:27,510 --> 00:02:41,030 Aussi allez-vous utiliser bootstrap et nous allons faire DTN et primaire ETN juste comme ça et enregistrer et nous allons juste voir comment cela ressemble d'abord. 26 00:02:41,260 --> 00:02:44,470 Il ne fonctionnera donc pas, il ne sera pas aller n'importe où. 27 00:02:44,640 --> 00:02:46,410 Mais si nous étions frais. 28 00:02:46,410 --> 00:02:47,840 Tout va bien pour le moment. 29 00:02:47,850 --> 00:02:50,430 Nous avons un bouton plus d'infos avec un clic dessus. 30 00:02:50,490 --> 00:03:09,510 Actuellement, il rafraîchit la page, mais nous voulons qu'elle nous amène à la page d'affichage afin de faire que nous avons besoin de changer notre modèle et notre projet de huit besoins de ressembler à ce camping slash slash un certain ID et que l'ID est stocké à l'intérieur du camping dot ID de soulignement. 31 00:03:09,780 --> 00:03:11,610 Donc nous devons utiliser Ejay comme ici. 32 00:03:12,240 --> 00:03:24,180 Et ici, je vais diriger le terrain de camping dot underscore ID qui fait partie du terrain de camping est le nom que nous donnons à chaque terrain de camping pour chacun sont l'impression d'image et de nom. 33 00:03:24,180 --> 00:03:29,700 Il ya aussi une description que nous ne montrons pas, mais il ya un I.D. Que nous allons utiliser pour créer le lien. 34 00:03:29,880 --> 00:03:39,290 Donc, si je redémarre maintenant et que nous jetons un coup d'oeil à ce que cela nous donne, nous allons inspecter cela et vous pouvez voir c'est slash camping. 35 00:03:39,330 --> 00:03:44,100 C'est fou long hexadécimal généré automatiquement Mongo D-B ID. 36 00:03:44,280 --> 00:03:50,910 Et si nous cliquons sur ce lien, cela nous amène au slash modèle de camp de spectacle et cette idée folle. 37 00:03:51,120 --> 00:03:59,040 Alors ce que nous devons faire est d'utiliser cet ID au lieu du modèle d'exposition ou à l'intérieur de l'itinéraire de montre qui est juste ici. 38 00:03:59,040 --> 00:04:16,690 Nous voulons capturer cette ID qui va être à l'intérieur de demandes harams pensé Id comme quand nous avons fait la chose de l'animal de ferme avec les porcs et oink et la vache et moo où nous avions deux points et puis un programme Raut stocké dans la demande de CEM . 39 00:04:16,710 --> 00:04:23,040 Ce que nous allons faire est d'utiliser une nouvelle méthode que mongoose nous donne appelé trouver mon ID. 40 00:04:23,250 --> 00:04:27,050 Et nous le faisons sur le terrain de camping afin que le terrain de camping se trouve par ID. 41 00:04:27,270 --> 00:04:32,150 Et il ya deux arguments qui ont besoin de lui donner qui est l'ID et puis le rappel. 42 00:04:32,580 --> 00:04:34,280 Le premier est donc le plus facile. 43 00:04:34,380 --> 00:05:05,430 L'ID est juste une requête jusqu'à harams ID et le rappel ressemble à nos autres où nous avons l'erreur et puis l'appelle trouvé terrain de camping qui est les données revenant de cette trouver par ID donc il devrait y avoir un seul élément dans la base de données avec Que l'ID qui est le point de ces IDs et Mangu leur sont uniques afin que nous n'aurons pas de problèmes avec de multiples campings en conflit comme nous pourrions si nous cherchions par leur titre ou leur nom ou leur image que nous pourrions faire. 44 00:05:05,550 --> 00:05:07,180 Cela ne doit pas être un ID. 45 00:05:07,290 --> 00:05:15,170 Il pourrait être nom et en fait si nous jetons un coup d'oeil à Reddit vendredi est encore unique. 46 00:05:15,210 --> 00:05:16,780 C'est donc beaucoup plus sûr. 47 00:05:16,800 --> 00:05:23,970 Nous espérons donc trouver un terrain de camping et nous ferons notre simple vérification d'erreur s'il ya une annulation d'erreur qui le journal. 48 00:05:24,420 --> 00:05:30,870 Sinon, si cela fonctionnait, ce que nous allons faire est de rendre le modèle d'affichage. 49 00:05:31,590 --> 00:05:34,080 Et c'est un spectacle de rendu de point rouge. 50 00:05:34,320 --> 00:05:39,960 Mais nous allons passer dans le terrain de camping trouvé et nous allons l'utiliser dans ce modèle. 51 00:05:40,080 --> 00:05:44,830 Alors redstart rendez-vous et ensuite nous allons passer sous le nom de terrains de camping. 52 00:05:44,910 --> 00:05:47,670 Nous allons passer notre terrain de camping trouvé. 53 00:05:48,300 --> 00:05:55,810 Donc, à l'intérieur de notre modèle d'exposition, nous pouvons accéder à des terrains de camping et il aura la valeur de ce que nous avons trouvé avec cet ID. 54 00:05:56,040 --> 00:05:58,970 Donc, nous allons enregistrer aller à l'épreuve de force E.J .. 55 00:05:59,010 --> 00:05:59,660 Oui. 56 00:05:59,840 --> 00:06:05,550 Et faisons quelque chose de très simple, nous ajoutons simplement un paragraphe dans ce paragraphe. 57 00:06:05,820 --> 00:06:15,890 Nous allons ajouter dans le nom de terrain de camping et nous allons simplement laisser à cela et puis nous allons ajouter quelques autres choses dans un instant. 58 00:06:16,040 --> 00:06:17,860 Eh bien, nous allons nous assurer qu'il fonctionne. 59 00:06:18,150 --> 00:06:26,140 Donc, nous allons revenir rafraîchir et si nous cliquons sur ce lien, nous obtenons une erreur assez dramatique qui dit n'a pas de méthode. 60 00:06:26,220 --> 00:06:27,820 Recherche par ID. 61 00:06:27,870 --> 00:06:31,640 Et c'est un peu idiot parce que nous ne voulons pas capitaliser ce f là. 62 00:06:31,680 --> 00:06:38,320 Donc, si nous revenons en arrière et juste fixer ce très brièvement, donc c'est bien à une minuscule f. 63 00:06:38,430 --> 00:06:41,220 N'oubliez pas que toutes les méthodes commencent par une minuscule. 64 00:06:41,220 --> 00:06:47,660 Maintenant, si nous l'appelons redémarrer le serveur et rafraîchir, nous obtenons ceci est le modèle de présentation Graniteville. 65 00:06:47,850 --> 00:06:51,570 Bien sûr, nous voulons montrer plus que Grant Hill, mais c'est le même processus. 66 00:06:51,600 --> 00:06:57,930 Nous prenons maintenant ce I.D. Et nous essayons de trouver un terrain de camping avec ce I.D. Et puis nous rendons ce modèle. 67 00:06:57,930 --> 00:06:59,890 Alors allons vite, nous n'allons pas le style. 68 00:06:59,920 --> 00:07:13,870 Mais nous allons rapidement revenir à montrer et nous ajouterons dans une image de nouveau et la source va être égale au terrain de camping cette image et ensuite ajoutera également au bas d'un autre paragraphe. 69 00:07:14,070 --> 00:07:23,680 Et celui-ci va avoir une description de terrain de camping juste comme ça et nous allons enregistrer cela. 70 00:07:24,300 --> 00:07:33,410 Prenons le nom ici et déplacez-le pour que notre H-1 indique juste le nom du terrain de camping comme ça. 71 00:07:33,510 --> 00:07:35,030 Nous sommes frais maintenant. 72 00:07:35,250 --> 00:07:40,210 Nous obtenons la colline de granit et nous voyons ici notre image et puis il s'agit d'une énorme colline de granit. 73 00:07:40,230 --> 00:07:42,630 Pas de salles de bains pas d'eau belle subvention. 74 00:07:42,780 --> 00:07:46,920 Et nous devrions ajouter dans notre mise en page aussi bien juste avec nos inclus rapide. 75 00:07:46,980 --> 00:07:51,910 Donc inclure et copions-le simplement à partir d'un autre modèle ici juste pour gagner du temps. 76 00:07:52,140 --> 00:07:55,770 Nous allons donc copier cela et faire la même chose pour notre pied de page. 77 00:07:56,370 --> 00:07:58,900 Et maintenant nous devrions voir un bootstrap. 78 00:07:58,920 --> 00:08:00,550 Là nous allons nous le bar de navigation. 79 00:08:00,600 --> 00:08:02,040 Nous obtenons notre changement de police. 80 00:08:02,070 --> 00:08:04,720 Nous devons encore le style de ce qui sera bientôt disponible. 81 00:08:05,040 --> 00:08:14,030 Donc, tout semble fonctionner bien, sauf pour une petite chose qui est si j'ajoute dans un nouveau terrain de camping, il est encore seulement le nom et l'image. 82 00:08:14,340 --> 00:08:18,870 Donc, nous allons refactoriser cela et elle retourne à la forme qui est dans New. 83 00:08:18,870 --> 00:08:23,910 Donc, nous allons fermer d'ici et nous allons ouvrir des vues slash nouveau. 84 00:08:24,540 --> 00:08:30,440 Et au lieu de là, nous avons besoin d'une autre entrée que je vais juste mettre en bas à droite avant le bouton. 85 00:08:30,750 --> 00:08:38,100 Et notre contribution va avoir un espace réservé de description et, finalement, nous allons vouloir en faire une entrée plus importante. 86 00:08:38,100 --> 00:09:06,770 Pour l'instant, c'est juste une saisie de texte, puis nous allons changer le nom d'être la description et nous allons sauver et nous pouvons maintenant retourner à notre Apalachee nous ici au lieu de la créer sera aussi saisir la description jusqu'à présent description et tout simplement Do DSC est égal à la requête vers le haut de description de point de corps qui est ce que l'attribut de nom était placé à droite ici. 87 00:09:06,770 --> 00:09:08,430 Voilà. 88 00:09:08,430 --> 00:09:22,920 Et nous allons le prendre et puis le transmettre à notre nouvel objet où une description est égale à cette variable que nous saisissons à partir du formulaire DGSE et resave tout le reste devrait fonctionner exactement la même chose. 89 00:09:22,920 --> 00:09:25,840 Nous ajoutons simplement cette donnée supplémentaire à partir du formulaire. 90 00:09:25,980 --> 00:09:27,780 Testez-le. 91 00:09:27,780 --> 00:09:31,890 Démarrez le serveur ou actualisez le formulaire. 92 00:09:31,890 --> 00:09:33,840 Nous avons maintenant trois entrées. 93 00:09:33,840 --> 00:09:51,980 Donc, j'ai une image que vous aimez que j'ai copié d'ici et je vais passer cela et nous allons appeler ce camping avec des arbres et ici dire que cet endroit a beaucoup d'arbres et aussi beaucoup d'autres choses. 94 00:09:51,990 --> 00:10:00,270 Tout droit cliquez sur soumettre maintenant nous arrivons à des terrains de camping et le vrai test est de voir si celui-ci a une description. 95 00:10:00,330 --> 00:10:03,210 Donc, nous allons cliquer sur Plus d'infos et il le fait. 96 00:10:03,210 --> 00:10:13,740 Vous pouvez voir que cette page contient toutes les informations que nous avons sur un terrain de camping qui a cette ID et si nous revenons cette page montrent a toutes les informations sur ce terrain de camping. 97 00:10:14,070 --> 00:10:14,330 D'ACCORD. 98 00:10:14,340 --> 00:10:16,030 Donc nous avons obtenu la page de la page de travail. 99 00:10:16,050 --> 00:10:19,890 Nous allons rapidement tout envelopper, donc nous avons parlé de routes reposantes. 100 00:10:19,890 --> 00:10:21,620 Il y en a quatre maintenant que nous avons couvert. 101 00:10:21,720 --> 00:10:26,120 L'indice montrera toute une ressource donnée comme les chiens ou le terrain de camping. 102 00:10:26,340 --> 00:10:38,770 La nouvelle route montre le formulaire pour créer une nouvelle ressource créer est la route post où nous faisons réellement la création de la ressource et le spectacle est un itinéraire qui est une demande d'obtenir et il a un ID et là vous allez. 103 00:10:38,790 --> 00:10:42,980 Et c'est vraiment important car il montre des informations sur une ressource.