1
00:00:00,200 --> 00:00:02,240
Tout droit sur la route de recherche.

2
00:00:02,250 --> 00:00:27,780
Donc, encore une fois, nous voulons être en mesure d'avoir autour de la barre oblique de recherche ou nous allons simplement faire la page d'accueil slash et nous aurons un formulaire, nous remplissons le formulaire de soumettre à cette route qui fera ensuite une demande d'être API sauf que la demande Aura une variable ici en provenance du formulaire et puis tout le reste va fonctionner de la même nous serons en mesure de laisser ce parcours seul.

3
00:00:28,230 --> 00:00:44,160
Donc, ajoutons que dans apt get slash juste comme ça et nous allons commencer par rendre un formulaire que nous allons appeler la recherche.

4
00:00:45,270 --> 00:00:52,890
Donc, à présent, faisons en sorte que la recherche de barre oblique de vues.

5
00:00:52,910 --> 00:00:53,200
E.J ..

6
00:00:53,220 --> 00:01:00,930
Oui et j'ai eu une typo Tudge vues slash recherche.

7
00:01:00,950 --> 00:01:01,230
E.J ..

8
00:01:01,290 --> 00:01:03,280
Oui.

9
00:01:03,390 --> 00:01:07,850
Jetez un oeil à un H1.

10
00:01:08,010 --> 00:01:09,940
Rechercher un film.

11
00:01:09,960 --> 00:01:12,910
Et comme je l'ai dit, nous le gardons très barebones ici.

12
00:01:12,930 --> 00:01:14,310
Aucun style.

13
00:01:14,310 --> 00:01:19,150
Assurez-vous que nous voyons cela lorsque nous exécutons le serveur.

14
00:01:19,200 --> 00:01:23,400
Je vais à l'itinéraire je vois chercher un film.

15
00:01:23,400 --> 00:01:24,070
Excellent.

16
00:01:24,300 --> 00:01:54,320
Donc, nous allons construire un formulaire de formulaire et nous allons ajouter dans un seul type de saisie équivaut à espace de texte équivaut à terme de recherche et nous allons ajouter dans un autre type de saisie de soumettre comme ça.

17
00:01:54,330 --> 00:01:55,960
Alors, où ira ce formulaire.

18
00:01:56,220 --> 00:02:06,370
Eh bien, nous voulons qu'il soumette à notre enveloppe résultats et les résultats tout au long alors prendre soin de traiter l'appel API et ensuite rendre un modèle.

19
00:02:07,110 --> 00:02:30,320
Donc cela va juste être des résultats de slash d'action et la méthode est juste obtient de sorte que presque tout cela si nous prenons un coup d'oeil rafraîchir la page, nous avons une forme vraiment horrible, je peux ajouter quelque chose ici, mais rien n'est fait avec cela.

20
00:02:30,330 --> 00:02:39,030
Donc, même si je cherche Harry Potter et appuyez sur envoyer, j'ai vu obtenir Iowa, mais il soumet le formulaire correctement.

21
00:02:39,030 --> 00:02:46,680
Il est frappant cette route slash résultats et qui est d'obtenir dans les films de l'Iowa et de rendre le modèle de résultats.

22
00:02:47,280 --> 00:02:53,870
Nous devons maintenant prendre les données de ce formulaire et le brancher à l'appel de l'API.

23
00:02:53,880 --> 00:03:00,470
Donc, la première chose que nous devons faire est d'ajouter dans notre attribut de nom afin que nous puissions appeler ce que nous voulons.

24
00:03:00,480 --> 00:03:03,180
Imaginons que ce soit faux.

25
00:03:03,630 --> 00:03:05,670
Non, en fait, c'est un peu déroutant.

26
00:03:05,670 --> 00:03:08,020
Alors, au lieu de nom de recherche.

27
00:03:08,400 --> 00:03:14,580
Rappelez-vous donc quand cette demande est faite lorsque nous soumettons le formulaire, il va ressembler à cela.

28
00:03:14,580 --> 00:03:16,880
Je vais vous montrer dans une seconde.

29
00:03:17,130 --> 00:03:18,850
Redémarrez le serveur.

30
00:03:19,110 --> 00:03:22,760
Donc nos données tout ce que nous mettons ici va être stocké et de recherche.

31
00:03:23,100 --> 00:03:31,050
Donc, si nous revenons à rafraîchir et d'essayer quelque chose comme What's un autre état que nous pouvons faire.

32
00:03:31,410 --> 00:03:32,890
Faisons Wyoming.

33
00:03:33,420 --> 00:03:38,420
Submit peut voir ici, nous avons recherche égale Wyoming.

34
00:03:38,730 --> 00:03:41,220
Notre paire clé dans la chaîne de requête.

35
00:03:41,310 --> 00:03:44,130
C'est donc tout ce que nous devons faire pour le formulaire.

36
00:03:44,160 --> 00:03:54,810
Ensuite, à l'intérieur de notre application dans cette route, nous devons accéder aux données de cette chaîne de requête et l'insérer ici.

37
00:03:55,740 --> 00:03:57,630
Alors commençons simple.

38
00:03:57,630 --> 00:03:59,360
Comment obtenir des données de la chaîne de requête.

39
00:03:59,490 --> 00:04:14,210
Eh bien, c'est une requête dot point de requête le nom de la clé ou de la partie de l'information qui est la recherche qui est ce que nous l'avons nommé le sauver à une variable.

40
00:04:14,430 --> 00:04:16,780
Imprimons-le juste pour commencer.

41
00:04:17,490 --> 00:04:20,550
J'aime toujours commencer agréable et simple.

42
00:04:20,550 --> 00:04:22,030
Je reviens ici.

43
00:04:22,230 --> 00:04:28,530
Faites-le Montana maintenant et vous pouvez voir que nous obtenons Montana imprimé là.

44
00:04:28,530 --> 00:04:35,700
Donc, maintenant, il s'agit simplement d'économiser cela à une variable.

45
00:04:35,700 --> 00:04:44,350
Donc, nous allons appeler cela, nous allons simplement appeler queery est égale épave qui a interrogé la recherche.

46
00:04:44,820 --> 00:05:10,530
Alors ce que nous pourrions faire, c'est juste faire plus de requêtes là-bas et qui va simplement ajouter notre requête de recherche là-bas un moyen plus facile ou un moyen plus propre à mon avis est au moins de faire aurl variable et concaténer comme ceci afin que nous avons une demande plus courte Que nous faisons ici nous demandons juste que vous êtes dehors.

47
00:05:10,620 --> 00:05:27,230
Donc, nous obtenons la requête rector interrogé sur la recherche de sorte que l'utilisateur a tapé dans le formulaire ou de saisir que le Montana dans ce cas l'enregistrement de cette variable, puis la reconstruction vous savez que vous êtes tous qui va ressembler HTP colon slash OAM déviez ici .

48
00:05:27,270 --> 00:05:33,670
Le point d'interrogation sot point s est égal à tout ce que l'utilisateur a tapé dans ce formulaire.

49
00:05:34,440 --> 00:05:36,190
Et puis nous utilisons ce que vous êtes.

50
00:05:36,600 --> 00:05:37,590
Et c'est tout.

51
00:05:37,590 --> 00:05:52,990
Donc, nous allons lui donner un coup aller à notre formulaire et la recherche de la Floride et ce que vous savez que nous obtenons 10 résultats de la Floride.

52
00:05:53,270 --> 00:05:58,440
Essayez encore cette fois, faisons un autre état.

53
00:05:58,530 --> 00:06:03,110
Alabama.

54
00:06:03,120 --> 00:06:04,010
Impressionnant.

55
00:06:04,530 --> 00:06:09,960
Alors la prochaine chose que nous pourrions faire est juste ajouté quelques améliorations mineures.

56
00:06:09,970 --> 00:06:19,920
Tout est une amélioration, je suppose, mais la principale chose que je pense, pas l'interface utilisateur, mais je pense juste à vous montrer en utilisant plus de données.

57
00:06:19,980 --> 00:06:26,030
Donc, nous n'utilisons pas année, nous n'avons pas besoin de type nous allons juste utiliser l'année.

58
00:06:26,190 --> 00:06:45,030
Alors faisons juste le titre de film Dasch l'année qui devrait être assez simple et nous allons juste comme Look ressembler à une année de cinéma comme ça nous sauvera comme vous pouvez le voir ici nous obtenons l'année.

59
00:06:45,570 --> 00:06:54,150
Et nous allons également ajouter en gras gras le titre du film ou en italique de l'année soit un.

60
00:06:55,050 --> 00:06:57,670
Faisons un peu plus propre ici.

61
00:06:58,220 --> 00:07:09,420
Je pense que techniquement, nous devrions ajouter dans UL et tout cela.

62
00:07:09,960 --> 00:07:11,050
D'ACCORD.

63
00:07:11,430 --> 00:07:33,040
Et nous faisons le titre et nous allons faire le titre nous sommes trop forts et nous pouvons également indent ce pour rendre un peu plus facile de voir ce qui se passe.

64
00:07:34,320 --> 00:07:36,280
D'accord.

65
00:07:36,810 --> 00:07:40,540
Alors allons jeter un coup d'oeil.

66
00:07:40,590 --> 00:07:41,040
Voilà.

67
00:07:41,040 --> 00:07:46,630
Nous obtenons notre courageux Sweet Home Alabama folle maintenant et puis l'année qui n'est pas audacieux.

68
00:07:47,070 --> 00:07:47,800
D'accord.

69
00:07:47,880 --> 00:07:50,610
Donc, une dernière chose vraiment mineur.

70
00:07:50,610 --> 00:07:53,410
Mais ajoutons un bouton de retour.

71
00:07:53,700 --> 00:08:03,690
Donc, une étiquette que vous voulez ref pour être égale à la barre oblique tout simplement faire de nouveau la recherche.

72
00:08:04,230 --> 00:08:05,870
J'aime ça.

73
00:08:06,420 --> 00:08:08,140
Et maintenant, nous pouvons rechercher à nouveau.

74
00:08:08,640 --> 00:08:08,930
D'ACCORD.

75
00:08:08,940 --> 00:08:10,230
Un de plus.

76
00:08:10,260 --> 00:08:12,150
Ce qui est dit comme un autre état, nous pourrions utiliser.

77
00:08:12,180 --> 00:08:14,080
Oh, essayons New York.

78
00:08:14,100 --> 00:08:24,100
Donc, nous avons un espace et quand nous le soumettons remarqué que automatiquement a un signe plus a ajouté leur nouveau plus.

79
00:08:24,100 --> 00:08:26,910
York et c'est ce qui est fait de la.

80
00:08:26,920 --> 00:08:29,610
Ou c'est ce que la demande est faite avec.

81
00:08:29,700 --> 00:08:31,220
Voilà pour l'instant.

82
00:08:31,590 --> 00:08:35,850
Donc, juste pour réitérer les clés à emporter juste une route régulière.

83
00:08:36,060 --> 00:08:38,070
Nous ne faisons que coller la demande à l'intérieur.

84
00:08:38,070 --> 00:08:42,310
Lorsque cette demande est faite, nous faisons un modèle.

85
00:08:42,870 --> 00:08:53,060
L'autre chose qui est importante est sur les parties inférieures parce que lorsque vous tournez cette chaîne dans un objet javascript que nous pouvons utiliser et puis la dernière chose que nous avons créé une dynamique.

86
00:08:53,130 --> 00:08:56,250
Donc, ce n'est pas toujours la Californie ou l'Iowa ou autre chose.

87
00:08:56,250 --> 00:09:01,610
Nous ajoutons maintenant les requêtes de l'utilisateur provenant de la chaîne de requête du formulaire.