‫Istruttore: Quindi, ora che abbiamo compreso le basi di
‫PUG, è ora di fare un po'
‫di refactoring e di adattare meglio il nostro codice all'architettura NVC.
‫E così dopo, possiamo finalmente iniziare a
‫costruire il sito web stesso.
‫E proprio come abbiamo fatto con le nostre
‫risorse, creerò anche un
‫router e un controller per le viste.
‫Quindi fondamentalmente un file in cui posso inserire tutti i percorsi di
‫cui abbiamo bisogno per costruire il nostro sito Web dinamico.
‫Quindi chiamiamo questo i percorsi
‫di visualizzazione.
‫Va bene.
‫E iniziamo richiedendo express.
‫Va bene.
‫E quindi funzionerà esattamente
‫allo stesso modo degli altri router.
‫Quindi creare un punto
‫router express.
‫Un router e alla fine lo esportiamo.
‫E così ora, prendiamo questi
‫percorsi qui e li copiamo nel file dei percorsi.
‫Ora qui è ovviamente, non più app, ma router.
‫Quindi sostituiamolo.
‫Bene.
‫E quindi va bene così.
‫Quindi negli altri percorsi, usavamo d dot route
‫dove poi specificavamo il percorso
‫stesso e poi, dopo, usavamo get, post, patch
‫o delete, quindi tutti questi metodi http.
‫Ma in questo caso, non sarà
‫necessario perché tutto ciò che faremo sarà usare get.
‫E quindi va bene così.
‫Successivamente, abbiamo effettivamente bisogno di montare questo
‫router sulla nostra applicazione.
‫Quindi qui, nell'app, e proprio come abbiamo
‫fatto prima, iniziamo richiedendolo.
‫Quindi, guarda il router.
‫E ora montiamolo,
‫qui proprio dopo il primo.
‫Quindi visualizza il router, ma la differenza
‫di questo è che questo è effettivamente montato direttamente sull'URL del percorso.
‫Ok, quindi ogni volta che un URL ha questo
‫aspetto, andrà direttamente nel router di visualizzazione.
‫E non sono sicuro che funzionerà.
‫Forse dovremo metterlo qui alla fine.
‫Ma vediamo, una volta che lo testiamo.
‫Va bene.
‫Ora, solo come passaggio finale, esportiamo, proprio
‫come prima, queste funzioni qui in un controller.
‫E quindi, proprio come prima, creiamo un
‫controller di viste.
‫Bene.
‫E quindi è copiato e roba del genere.
‫Quindi questo qui si chiamerà la panoramica di get.
‫Quindi esportare la panoramica
‫del punto equivale a questa funzione, ok.
‫Almeno per ora.
‫Quindi, ovviamente, tutto questo qui, verrà
‫sostituito con il vero controller che in realtà
‫otterrà i dati per la panoramica e quindi eseguirà il
‫rendering di quei dati.
‫Ok, ma per ora, abbiamo solo
‫questa semplicissima funzione del controller solo per vedere se tutto funziona.
‫Bene, ora andiamo ad aggiungere e
‫importare quel controller qui.
‫Quindi controller e poi viste controller.
‫Ok, quindi qui avremo una
‫panoramica del controller delle viste, ok.
‫E ora, qui lo stesso.
‫Esporta punto ottieni tour.
‫Va bene.
‫E questo qui era in realtà solo un test.
‫Quindi liberiamoci di esso.
‫E ora, finalmente, in realtà non vogliamo un percorso chiamato
‫panoramica ma, invece, vogliamo
‫mostrare la panoramica proprio quando apriamo la pagina.
‫Ok, proprio come ce l'abbiamo qui.
‫Quindi questa è la pagina del percorso e ogni volta
‫che viene richiesta, servirà questa pagina panoramica.
‫Ok, quindi è esattamente quello che vogliamo nella nostra applicazione.
‫Va bene, quindi proviamolo.
‫E quindi questa qui dovrebbe essere la pagina panoramica.
‫E infatti, lo è, ok.
‫E ora qui, ricarichiamo anche questo solo
‫per vedere se tutto funziona ancora.
‫E lo fa, fantastico.
‫E, naturalmente, potremmo ancora accedere anche alla nostra API.
‫Quindi diciamo API, V1, slash
‫tour.
‫E questo dovrebbe darci tutti i nostri tour e
‫che torniamo per questo punto finale.
‫Va bene.
‫Fantastico, quindi con questo
‫siamo davvero pronti per iniziare davvero a
‫costruire questa pagina panoramica nella prossima lezione.
‫Quindi non vedo l'ora di vederti lì.