‫Instructeur : Maintenant que nous comprenons les bases du
‫PUG, il est temps de procéder à
‫une refactorisation et de mieux adapter notre code à l'architecture NVC.
‫Et pour qu'après cela, nous puissions enfin commencer
‫à construire le site Web lui-même.
‫Et tout comme nous l'avons fait avec nos ressources,
‫je vais également créer un
‫routeur et un contrôleur pour les vues.
‫Donc en gros un fichier où je peux mettre toutes les routes
‫dont nous avons besoin pour construire notre site web dynamique.
‫Appelons cela les routes
‫de vue.
‫D'accord.
‫Et commençons par exiger express.
‫D'accord.
‫Et donc cela va fonctionner
‫exactement de la même manière que les autres routeurs.
‫Donc, créer un point
‫express de routeur.
‫Un routeur et à la fin, nous l'exportons.
‫Et maintenant, récupérons ces routes
‫ici et copions-les dans le fichier routes.
‫Maintenant, bien sûr, ce n'est plus une application, mais un routeur.
‫Alors remplaçons ça.
‫Bien.
‫Et donc c'est en fait bien.
‫Donc, dans les autres routes, nous utilisions la route d
‫dot où nous spécifiions ensuite la
‫route elle-même, puis après cela, nous utilisions comme get, post,
‫patch ou delete, donc toutes ces méthodes http.
‫Mais dans ce cas, cela ne sera
‫pas nécessaire car tout ce que nous ferons sera d'utiliser get.
‫Et donc c'est bien comme ça.
‫Ensuite, nous devons en fait monter ce
‫routeur sur notre application.
‫Donc ici, dans l'application, et comme nous le faisions
‫auparavant, nous commençons par l'exiger.
‫Alors, regardez le routeur.
‫Et maintenant, montons-le,
‫ici juste après le premier.
‫Alors visualisez le routeur, mais la différence avec
‫celui-ci est qu'il est en fait monté directement sur l'URL de la route.
‫D'accord, donc chaque fois qu'une URL ressemble à ceci,
‫elle ira directement dans le routeur de vue.
‫Et je ne sais pas si ça va marcher.
‫Peut-être que nous devrons le mettre ici à la fin.
‫Mais voyons, une fois que nous testons cela.
‫D'accord.
‫Maintenant, comme dernière étape, comme avant,
‫exportons réellement ces fonctions ici dans un contrôleur.
‫Et donc, comme avant, créons un
‫contrôleur de vues.
‫Bien.
‫Et donc c'est copié et tout ça.
‫Donc celui-ci ici va s'appeler la vue d'ensemble.
‫Donc, exporter le point obtenir
‫une vue d'ensemble équivaut à cette fonction, d'accord.
‫Pour l'instant du moins.
‫Alors bien sûr, tout cela ici,
‫nous allons être remplacés par le vrai contrôleur
‫qui va en fait obtenir les données pour la vue d'ensemble,
‫puis restituer ces données.
‫D'accord, mais pour l'instant, nous avons juste
‫cette fonction de contrôleur très simple juste pour voir si tout fonctionne.
‫Très bien, allons maintenant ajouter et
‫importer ce contrôleur ici.
‫Donc contrôleurs puis contrôleur de vues.
‫D'accord, et donc ici, nous aurons
‫un aperçu du contrôleur de vues, d'accord.
‫Et maintenant, ici le même.
‫Exporter la tournée dot get.
‫D'accord.
‫Et celui-ci n'était en fait qu'un test.
‫Alors débarrassons-nous en.
‫Et maintenant, finalement, nous ne voulons pas d'un itinéraire appelé aperçu, mais
‫à la place, nous
‫voulons afficher l'aperçu dès que nous ouvrons la page.
‫D'accord, comme nous l'avons ici.
‫Il s'agit donc de la page d'itinéraire et chaque fois que
‫cela est demandé, il servira cette page d'aperçu.
‫D'accord, et c'est exactement ce que nous voulons dans notre application.
‫Très bien, alors testons-le.
‫Et donc celui-ci ici devrait maintenant être la page d'aperçu.
‫Et en effet, c'est, d'accord.
‫Et maintenant ici, rechargeons également celui-ci juste
‫pour voir si tout fonctionne toujours.
‫Et c'est le cas, super.
‫Et bien sûr, nous pouvions toujours accéder à notre API.
‫Alors disons API, V1, visites
‫slash.
‫Et cela devrait alors nous donner toutes nos tournées et
‫que nous revenions pour ce point final.
‫D'accord.
‫Fantastique, donc avec ça, nous
‫sommes en fait prêts à vraiment commencer à construire
‫cette page de présentation dans la prochaine conférence.
‫Alors j'ai hâte de vous y voir.