1
00:00:00,950 --> 00:00:04,120
‫Istruttore: Quindi, ora che abbiamo compreso le basi di

2
00:00:04,120 --> 00:00:06,620
‫PUG, è ora di fare un po'

3
00:00:06,620 --> 00:00:10,160
‫di refactoring e di adattare meglio il nostro codice all'architettura NVC.

4
00:00:10,160 --> 00:00:12,490
‫E così dopo, possiamo finalmente iniziare a

5
00:00:12,490 --> 00:00:14,603
‫costruire il sito web stesso.

6
00:00:16,140 --> 00:00:18,790
‫E proprio come abbiamo fatto con le nostre

7
00:00:18,790 --> 00:00:20,680
‫risorse, creerò anche un

8
00:00:20,680 --> 00:00:23,030
‫router e un controller per le viste.

9
00:00:23,030 --> 00:00:26,210
‫Quindi fondamentalmente un file in cui posso inserire tutti i percorsi di

10
00:00:26,210 --> 00:00:29,123
‫cui abbiamo bisogno per costruire il nostro sito Web dinamico.

11
00:00:31,520 --> 00:00:34,340
‫Quindi chiamiamo questo i percorsi

12
00:00:35,980 --> 00:00:37,610
‫di visualizzazione.

13
00:00:37,610 --> 00:00:38,443
‫Va bene.

14
00:00:40,650 --> 00:00:43,423
‫E iniziamo richiedendo express.

15
00:00:50,630 --> 00:00:51,463
‫Va bene.

16
00:00:51,463 --> 00:00:52,960
‫E quindi funzionerà esattamente

17
00:00:52,960 --> 00:00:55,023
‫allo stesso modo degli altri router.

18
00:00:56,270 --> 00:00:57,790
‫Quindi creare un punto

19
00:01:01,260 --> 00:01:02,533
‫router express.

20
00:01:03,538 --> 00:01:07,083
‫Un router e alla fine lo esportiamo.

21
00:01:16,220 --> 00:01:19,460
‫E così ora, prendiamo questi

22
00:01:21,300 --> 00:01:25,710
‫percorsi qui e li copiamo nel file dei percorsi.

23
00:01:25,710 --> 00:01:29,210
‫Ora qui è ovviamente, non più app, ma router.

24
00:01:29,210 --> 00:01:30,553
‫Quindi sostituiamolo.

25
00:01:32,910 --> 00:01:33,800
‫Bene.

26
00:01:33,800 --> 00:01:35,990
‫E quindi va bene così.

27
00:01:35,990 --> 00:01:39,610
‫Quindi negli altri percorsi, usavamo d dot route

28
00:01:39,610 --> 00:01:42,130
‫dove poi specificavamo il percorso

29
00:01:42,130 --> 00:01:45,720
‫stesso e poi, dopo, usavamo get, post, patch

30
00:01:45,720 --> 00:01:48,900
‫o delete, quindi tutti questi metodi http.

31
00:01:48,900 --> 00:01:51,320
‫Ma in questo caso, non sarà

32
00:01:51,320 --> 00:01:54,810
‫necessario perché tutto ciò che faremo sarà usare get.

33
00:01:54,810 --> 00:01:57,200
‫E quindi va bene così.

34
00:01:57,200 --> 00:01:59,620
‫Successivamente, abbiamo effettivamente bisogno di montare questo

35
00:01:59,620 --> 00:02:01,423
‫router sulla nostra applicazione.

36
00:02:02,780 --> 00:02:06,830
‫Quindi qui, nell'app, e proprio come abbiamo

37
00:02:06,830 --> 00:02:09,573
‫fatto prima, iniziamo richiedendolo.

38
00:02:13,280 --> 00:02:14,803
‫Quindi, guarda il router.

39
00:02:16,690 --> 00:02:18,438
‫E ora montiamolo,

40
00:02:18,438 --> 00:02:20,938
‫qui proprio dopo il primo.

41
00:02:22,719 --> 00:02:25,822
‫Quindi visualizza il router, ma la differenza

42
00:02:25,822 --> 00:02:30,822
‫di questo è che questo è effettivamente montato direttamente sull'URL del percorso.

43
00:02:31,280 --> 00:02:34,350
‫Ok, quindi ogni volta che un URL ha questo

44
00:02:34,350 --> 00:02:37,110
‫aspetto, andrà direttamente nel router di visualizzazione.

45
00:02:37,110 --> 00:02:38,650
‫E non sono sicuro che funzionerà.

46
00:02:38,650 --> 00:02:41,770
‫Forse dovremo metterlo qui alla fine.

47
00:02:41,770 --> 00:02:43,723
‫Ma vediamo, una volta che lo testiamo.

48
00:02:44,770 --> 00:02:46,010
‫Va bene.

49
00:02:46,010 --> 00:02:49,600
‫Ora, solo come passaggio finale, esportiamo, proprio

50
00:02:49,600 --> 00:02:53,540
‫come prima, queste funzioni qui in un controller.

51
00:02:53,540 --> 00:02:56,640
‫E quindi, proprio come prima, creiamo un

52
00:02:56,640 --> 00:02:58,623
‫controller di viste.

53
00:03:03,720 --> 00:03:05,310
‫Bene.

54
00:03:05,310 --> 00:03:07,543
‫E quindi è copiato e roba del genere.

55
00:03:09,610 --> 00:03:14,303
‫Quindi questo qui si chiamerà la panoramica di get.

56
00:03:17,000 --> 00:03:19,800
‫Quindi esportare la panoramica

57
00:03:22,240 --> 00:03:26,210
‫del punto equivale a questa funzione, ok.

58
00:03:26,210 --> 00:03:27,410
‫Almeno per ora.

59
00:03:27,410 --> 00:03:29,230
‫Quindi, ovviamente, tutto questo qui, verrà

60
00:03:29,230 --> 00:03:31,890
‫sostituito con il vero controller che in realtà

61
00:03:31,890 --> 00:03:35,220
‫otterrà i dati per la panoramica e quindi eseguirà il

62
00:03:35,220 --> 00:03:37,030
‫rendering di quei dati.

63
00:03:37,030 --> 00:03:39,410
‫Ok, ma per ora, abbiamo solo

64
00:03:39,410 --> 00:03:42,963
‫questa semplicissima funzione del controller solo per vedere se tutto funziona.

65
00:03:44,290 --> 00:03:46,300
‫Bene, ora andiamo ad aggiungere e

66
00:03:46,300 --> 00:03:48,273
‫importare quel controller qui.

67
00:04:00,570 --> 00:04:04,223
‫Quindi controller e poi viste controller.

68
00:04:05,100 --> 00:04:09,230
‫Ok, quindi qui avremo una

69
00:04:10,090 --> 00:04:14,320
‫panoramica del controller delle viste, ok.

70
00:04:14,320 --> 00:04:15,913
‫E ora, qui lo stesso.

71
00:04:19,610 --> 00:04:22,543
‫Esporta punto ottieni tour.

72
00:04:26,056 --> 00:04:26,889
‫Va bene.

73
00:04:35,010 --> 00:04:38,100
‫E questo qui era in realtà solo un test.

74
00:04:38,100 --> 00:04:40,220
‫Quindi liberiamoci di esso.

75
00:04:40,220 --> 00:04:44,150
‫E ora, finalmente, in realtà non vogliamo un percorso chiamato

76
00:04:44,150 --> 00:04:45,950
‫panoramica ma, invece, vogliamo

77
00:04:45,950 --> 00:04:49,040
‫mostrare la panoramica proprio quando apriamo la pagina.

78
00:04:49,040 --> 00:04:52,380
‫Ok, proprio come ce l'abbiamo qui.

79
00:04:52,380 --> 00:04:55,920
‫Quindi questa è la pagina del percorso e ogni volta

80
00:04:55,920 --> 00:04:58,570
‫che viene richiesta, servirà questa pagina panoramica.

81
00:04:58,570 --> 00:05:02,343
‫Ok, quindi è esattamente quello che vogliamo nella nostra applicazione.

82
00:05:03,950 --> 00:05:08,290
‫Va bene, quindi proviamolo.

83
00:05:08,290 --> 00:05:11,083
‫E quindi questa qui dovrebbe essere la pagina panoramica.

84
00:05:12,700 --> 00:05:16,230
‫E infatti, lo è, ok.

85
00:05:16,230 --> 00:05:18,930
‫E ora qui, ricarichiamo anche questo solo

86
00:05:18,930 --> 00:05:21,420
‫per vedere se tutto funziona ancora.

87
00:05:21,420 --> 00:05:24,400
‫E lo fa, fantastico.

88
00:05:24,400 --> 00:05:28,723
‫E, naturalmente, potremmo ancora accedere anche alla nostra API.

89
00:05:30,640 --> 00:05:33,403
‫Quindi diciamo API, V1, slash

90
00:05:34,290 --> 00:05:35,293
‫tour.

91
00:05:36,289 --> 00:05:38,860
‫E questo dovrebbe darci tutti i nostri tour e

92
00:05:38,860 --> 00:05:40,963
‫che torniamo per questo punto finale.

93
00:05:41,832 --> 00:05:42,665
‫Va bene.

94
00:05:44,010 --> 00:05:45,690
‫Fantastico, quindi con questo

95
00:05:45,690 --> 00:05:48,070
‫siamo davvero pronti per iniziare davvero a

96
00:05:48,070 --> 00:05:50,450
‫costruire questa pagina panoramica nella prossima lezione.

97
00:05:50,450 --> 00:05:52,183
‫Quindi non vedo l'ora di vederti lì.