1
00:00:00,000 --> 00:00:00,430

2
00:00:00,430 --> 00:00:03,260
>> INTERLOCUTEUR 1: Implémentons une recherche
moteur ou, au moins, l'utilisateur frontend

3
00:00:03,260 --> 00:00:06,590
Interface pour un moteur de recherche qui
permet à l'utilisateur de saisir quelques termes

4
00:00:06,590 --> 00:00:09,370
puis recherchez le monde entier
web pour ces termes.

5
00:00:09,370 --> 00:00:13,690
Pour ce faire, nous allons utiliser "la forme" de HTML
tag, ainsi que quelques autres.

6
00:00:13,690 --> 00:00:17,140
Ici, dans search.html, j'ai déjà
obtenu nous avons commencé par l'ouverture et la

7
00:00:17,140 --> 00:00:18,500
fermeture quelques balises.

8
00:00:18,500 --> 00:00:22,570
Donc, ici, à l'intérieur de ce corps, nous allons
d'abord définir un cap de CS50

9
00:00:22,570 --> 00:00:26,460
Rechercher pour servir de titre de toutes sortes
dans le corps de la page.

10
00:00:26,460 --> 00:00:30,660
>> Laissez-nous alors ouvrir une "forme" tag et,
préventivement, nous allons le fermer, il ne faut pas

11
00:00:30,660 --> 00:00:31,930
oublier plus tard.

12
00:00:31,930 --> 00:00:37,450
Disons alors définir une balise d'entrée, dont la
nom sera "q" pour la demande, et dont

13
00:00:37,450 --> 00:00:40,810
type doit être «texte», de sorte que le
navigateur rend cela comme un champ de texte

14
00:00:40,810 --> 00:00:41,840
sur la page.

15
00:00:41,840 --> 00:00:43,720
Fermons donc cette balise.

16
00:00:43,720 --> 00:00:46,480
Disons alors insérer un saut de ligne ci-dessous.

17
00:00:46,480 --> 00:00:50,870
Et nous allons définir maintenant une entrée plus ce
temps, dont le type sera présenter,

18
00:00:50,870 --> 00:00:56,640
si c'est un bouton Envoyer, et dont
valeur ou de l'étiquette est CS50 Recherche.

19
00:00:56,640 --> 00:00:59,930
>> Maintenant, nous avons défini cette forme, mais nous
n'ont pas indiqué l'endroit où la forme

20
00:00:59,930 --> 00:01:01,120
devrait être soumis.

21
00:01:01,120 --> 00:01:04,480
Ajoutons deux autres attributs
pour être plus précis ici.

22
00:01:04,480 --> 00:01:09,410
Tout d'abord, nous allons préciser dans la "forme" tag
elle-même que la méthode par laquelle cette

23
00:01:09,410 --> 00:01:12,620
formulaire doit être envoyé est HTTP GET.

24
00:01:12,620 --> 00:01:16,150
Et nous allons préciser que l'action ou
destination de ce formulaire doit être

25
00:01:16,150 --> 00:01:22,540
https://www.google.com/search.

26
00:01:22,540 --> 00:01:25,690
>> Maintenant, je sais que l'URL existe parce que
Je l'ai vu pendant un certain temps dans mon

27
00:01:25,690 --> 00:01:27,080
la barre d'adresse navigateur.

28
00:01:27,080 --> 00:01:32,020
Donc, je vais simplement faire référence à l'utilisateur de
cette URL pour leurs résultats de recherche.

29
00:01:32,020 --> 00:01:35,380
Voyons maintenant enregistrer, modifier les autorisations
sur, et ouvrir ce stade.

30
00:01:35,380 --> 00:01:41,090
"Chmod a search.html ainsi r."
Nous allons maintenant ouvrir Chrome.

31
00:01:41,090 --> 00:01:46,770
http://localhost/search.html.

32
00:01:46,770 --> 00:01:49,345
Pas la plus sexy des moteurs de recherche,
mais nous allons voir si cela fonctionne.

33
00:01:49,345 --> 00:01:51,920

34
00:01:51,920 --> 00:01:53,240
Et il ya des chats.

35
00:01:53,240 --> 00:01:57,140
>> Notez bien que dans la barre d'adresse
est exactement l'URL que je m'attendais,

36
00:01:57,140 --> 00:01:58,910
mais avec un petit quelque chose
plus à l'extrémité.

37
00:01:58,910 --> 00:02:04,260
Si je zoome ici, vous remarquerez que l'URL
c'est exactement ce que nous attendions, mais avec un

38
00:02:04,260 --> 00:02:07,260
interrogation q égaux
chats au sommet.

39
00:02:07,260 --> 00:02:08,729
Où cela vient-il?

40
00:02:08,729 --> 00:02:12,880
>> Eh bien, parce que j'ai soumis un formulaire
eu une entrée dont le nom était q, notre

41
00:02:12,880 --> 00:02:16,300
navigateur a pris sur lui d'ajouter que
point d'interrogation, puis mettez cette

42
00:02:16,300 --> 00:02:17,820
Le nom de paramètre - q -

43
00:02:17,820 --> 00:02:21,130
suivi d'un signe égal, suivi
par les chats, ce qui est la valeur que je

44
00:02:21,130 --> 00:02:22,550
me tapé po

45
00:02:22,550 --> 00:02:26,130
S'il y avait plus de ces paramètres
à l'intérieur de l'URL, le navigateur serait

46
00:02:26,130 --> 00:02:28,500
ont tout simplement séparé
les par esperluette.

47
00:02:28,500 --> 00:02:30,790
Mais dans ce cas, nous avons
seulement une telle paire.

48
00:02:30,790 --> 00:02:35,040
Et qui est fourni en entrée à
Google un peu comme un paramètre est

49
00:02:35,040 --> 00:02:37,000
fourni à une fonction est entrée.

50
00:02:37,000 --> 00:02:40,600
Et Google utilise ensuite cette entrée à
rechercher sa base de données d'une certaine manière et

51
00:02:40,600 --> 00:02:42,180
afficher une page de résultats.

52
00:02:42,180 --> 00:02:43,755