1
00:00:00,950 --> 00:00:04,120
‫Instructeur : Maintenant que nous comprenons les bases du

2
00:00:04,120 --> 00:00:06,620
‫PUG, il est temps de procéder à

3
00:00:06,620 --> 00:00:10,160
‫une refactorisation et de mieux adapter notre code à l'architecture NVC.

4
00:00:10,160 --> 00:00:12,490
‫Et pour qu'après cela, nous puissions enfin commencer

5
00:00:12,490 --> 00:00:14,603
‫à construire le site Web lui-même.

6
00:00:16,140 --> 00:00:18,790
‫Et tout comme nous l'avons fait avec nos ressources,

7
00:00:18,790 --> 00:00:20,680
‫je vais également créer un

8
00:00:20,680 --> 00:00:23,030
‫routeur et un contrôleur pour les vues.

9
00:00:23,030 --> 00:00:26,210
‫Donc en gros un fichier où je peux mettre toutes les routes

10
00:00:26,210 --> 00:00:29,123
‫dont nous avons besoin pour construire notre site web dynamique.

11
00:00:31,520 --> 00:00:34,340
‫Appelons cela les routes

12
00:00:35,980 --> 00:00:37,610
‫de vue.

13
00:00:37,610 --> 00:00:38,443
‫D'accord.

14
00:00:40,650 --> 00:00:43,423
‫Et commençons par exiger express.

15
00:00:50,630 --> 00:00:51,463
‫D'accord.

16
00:00:51,463 --> 00:00:52,960
‫Et donc cela va fonctionner

17
00:00:52,960 --> 00:00:55,023
‫exactement de la même manière que les autres routeurs.

18
00:00:56,270 --> 00:00:57,790
‫Donc, créer un point

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

20
00:01:03,538 --> 00:01:07,083
‫Un routeur et à la fin, nous l'exportons.

21
00:01:16,220 --> 00:01:19,460
‫Et maintenant, récupérons ces routes

22
00:01:21,300 --> 00:01:25,710
‫ici et copions-les dans le fichier routes.

23
00:01:25,710 --> 00:01:29,210
‫Maintenant, bien sûr, ce n'est plus une application, mais un routeur.

24
00:01:29,210 --> 00:01:30,553
‫Alors remplaçons ça.

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

26
00:01:33,800 --> 00:01:35,990
‫Et donc c'est en fait bien.

27
00:01:35,990 --> 00:01:39,610
‫Donc, dans les autres routes, nous utilisions la route d

28
00:01:39,610 --> 00:01:42,130
‫dot où nous spécifiions ensuite la

29
00:01:42,130 --> 00:01:45,720
‫route elle-même, puis après cela, nous utilisions comme get, post,

30
00:01:45,720 --> 00:01:48,900
‫patch ou delete, donc toutes ces méthodes http.

31
00:01:48,900 --> 00:01:51,320
‫Mais dans ce cas, cela ne sera

32
00:01:51,320 --> 00:01:54,810
‫pas nécessaire car tout ce que nous ferons sera d'utiliser get.

33
00:01:54,810 --> 00:01:57,200
‫Et donc c'est bien comme ça.

34
00:01:57,200 --> 00:01:59,620
‫Ensuite, nous devons en fait monter ce

35
00:01:59,620 --> 00:02:01,423
‫routeur sur notre application.

36
00:02:02,780 --> 00:02:06,830
‫Donc ici, dans l'application, et comme nous le faisions

37
00:02:06,830 --> 00:02:09,573
‫auparavant, nous commençons par l'exiger.

38
00:02:13,280 --> 00:02:14,803
‫Alors, regardez le routeur.

39
00:02:16,690 --> 00:02:18,438
‫Et maintenant, montons-le,

40
00:02:18,438 --> 00:02:20,938
‫ici juste après le premier.

41
00:02:22,719 --> 00:02:25,822
‫Alors visualisez le routeur, mais la différence avec

42
00:02:25,822 --> 00:02:30,822
‫celui-ci est qu'il est en fait monté directement sur l'URL de la route.

43
00:02:31,280 --> 00:02:34,350
‫D'accord, donc chaque fois qu'une URL ressemble à ceci,

44
00:02:34,350 --> 00:02:37,110
‫elle ira directement dans le routeur de vue.

45
00:02:37,110 --> 00:02:38,650
‫Et je ne sais pas si ça va marcher.

46
00:02:38,650 --> 00:02:41,770
‫Peut-être que nous devrons le mettre ici à la fin.

47
00:02:41,770 --> 00:02:43,723
‫Mais voyons, une fois que nous testons cela.

48
00:02:44,770 --> 00:02:46,010
‫D'accord.

49
00:02:46,010 --> 00:02:49,600
‫Maintenant, comme dernière étape, comme avant,

50
00:02:49,600 --> 00:02:53,540
‫exportons réellement ces fonctions ici dans un contrôleur.

51
00:02:53,540 --> 00:02:56,640
‫Et donc, comme avant, créons un

52
00:02:56,640 --> 00:02:58,623
‫contrôleur de vues.

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

54
00:03:05,310 --> 00:03:07,543
‫Et donc c'est copié et tout ça.

55
00:03:09,610 --> 00:03:14,303
‫Donc celui-ci ici va s'appeler la vue d'ensemble.

56
00:03:17,000 --> 00:03:19,800
‫Donc, exporter le point obtenir

57
00:03:22,240 --> 00:03:26,210
‫une vue d'ensemble équivaut à cette fonction, d'accord.

58
00:03:26,210 --> 00:03:27,410
‫Pour l'instant du moins.

59
00:03:27,410 --> 00:03:29,230
‫Alors bien sûr, tout cela ici,

60
00:03:29,230 --> 00:03:31,890
‫nous allons être remplacés par le vrai contrôleur

61
00:03:31,890 --> 00:03:35,220
‫qui va en fait obtenir les données pour la vue d'ensemble,

62
00:03:35,220 --> 00:03:37,030
‫puis restituer ces données.

63
00:03:37,030 --> 00:03:39,410
‫D'accord, mais pour l'instant, nous avons juste

64
00:03:39,410 --> 00:03:42,963
‫cette fonction de contrôleur très simple juste pour voir si tout fonctionne.

65
00:03:44,290 --> 00:03:46,300
‫Très bien, allons maintenant ajouter et

66
00:03:46,300 --> 00:03:48,273
‫importer ce contrôleur ici.

67
00:04:00,570 --> 00:04:04,223
‫Donc contrôleurs puis contrôleur de vues.

68
00:04:05,100 --> 00:04:09,230
‫D'accord, et donc ici, nous aurons

69
00:04:10,090 --> 00:04:14,320
‫un aperçu du contrôleur de vues, d'accord.

70
00:04:14,320 --> 00:04:15,913
‫Et maintenant, ici le même.

71
00:04:19,610 --> 00:04:22,543
‫Exporter la tournée dot get.

72
00:04:26,056 --> 00:04:26,889
‫D'accord.

73
00:04:35,010 --> 00:04:38,100
‫Et celui-ci n'était en fait qu'un test.

74
00:04:38,100 --> 00:04:40,220
‫Alors débarrassons-nous en.

75
00:04:40,220 --> 00:04:44,150
‫Et maintenant, finalement, nous ne voulons pas d'un itinéraire appelé aperçu, mais

76
00:04:44,150 --> 00:04:45,950
‫à la place, nous

77
00:04:45,950 --> 00:04:49,040
‫voulons afficher l'aperçu dès que nous ouvrons la page.

78
00:04:49,040 --> 00:04:52,380
‫D'accord, comme nous l'avons ici.

79
00:04:52,380 --> 00:04:55,920
‫Il s'agit donc de la page d'itinéraire et chaque fois que

80
00:04:55,920 --> 00:04:58,570
‫cela est demandé, il servira cette page d'aperçu.

81
00:04:58,570 --> 00:05:02,343
‫D'accord, et c'est exactement ce que nous voulons dans notre application.

82
00:05:03,950 --> 00:05:08,290
‫Très bien, alors testons-le.

83
00:05:08,290 --> 00:05:11,083
‫Et donc celui-ci ici devrait maintenant être la page d'aperçu.

84
00:05:12,700 --> 00:05:16,230
‫Et en effet, c'est, d'accord.

85
00:05:16,230 --> 00:05:18,930
‫Et maintenant ici, rechargeons également celui-ci juste

86
00:05:18,930 --> 00:05:21,420
‫pour voir si tout fonctionne toujours.

87
00:05:21,420 --> 00:05:24,400
‫Et c'est le cas, super.

88
00:05:24,400 --> 00:05:28,723
‫Et bien sûr, nous pouvions toujours accéder à notre API.

89
00:05:30,640 --> 00:05:33,403
‫Alors disons API, V1, visites

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

91
00:05:36,289 --> 00:05:38,860
‫Et cela devrait alors nous donner toutes nos tournées et

92
00:05:38,860 --> 00:05:40,963
‫que nous revenions pour ce point final.

93
00:05:41,832 --> 00:05:42,665
‫D'accord.

94
00:05:44,010 --> 00:05:45,690
‫Fantastique, donc avec ça, nous

95
00:05:45,690 --> 00:05:48,070
‫sommes en fait prêts à vraiment commencer à construire

96
00:05:48,070 --> 00:05:50,450
‫cette page de présentation dans la prochaine conférence.

97
00:05:50,450 --> 00:05:52,183
‫Alors j'ai hâte de vous y voir.