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

2
00:00:00,430 --> 00:00:03,260
>> SPEAKER 1: Cerchiamo di attuare una ricerca
o, almeno, l'utente frontend motore

3
00:00:03,260 --> 00:00:06,590
interfaccia per un motore di ricerca che
consente all'utente di digitare alcuni termini

4
00:00:06,590 --> 00:00:09,370
e quindi cercare in tutto il mondo
web per quei termini.

5
00:00:09,370 --> 00:00:13,690
Per raggiungere questo obiettivo, useremo "forma" di HTML
tag, così come alcuni altri.

6
00:00:13,690 --> 00:00:17,140
Qui in search.html, ho già
recensioniche noi iniziato con l'apertura e la

7
00:00:17,140 --> 00:00:18,500
chiudere alcuni tag.

8
00:00:18,500 --> 00:00:22,570
Così ora è qui, all'interno di questo corpo, cerchiamo di
innanzitutto definire una rubrica di CS50

9
00:00:22,570 --> 00:00:26,460
Verificare per servire come un titolo di sorta
nel corpo della pagina.

10
00:00:26,460 --> 00:00:30,660
>> Diamo quindi aprire un tag "forma" e,
preventivamente, cerchiamo di chiuderlo, quindi non

11
00:00:30,660 --> 00:00:31,930
dimenticate di seguito.

12
00:00:31,930 --> 00:00:37,450
Facciamo quindi definire un tag input, la cui
nome sarà "q" per la ricerca, e la cui

13
00:00:37,450 --> 00:00:40,810
tipo deve essere "il testo," in modo che l'
Browser rende questo come un campo di testo

14
00:00:40,810 --> 00:00:41,840
sulla pagina.

15
00:00:41,840 --> 00:00:43,720
Facciamo quindi chiudere questo tag.

16
00:00:43,720 --> 00:00:46,480
Facciamo quindi inserire un'interruzione di riga in basso.

17
00:00:46,480 --> 00:00:50,870
E andiamo ora definiamo un altro ingresso questa
tempo, il cui tipo sarà presenterà,

18
00:00:50,870 --> 00:00:56,640
quindi questo è un pulsante Invia, e la cui
valore o l'etichetta è CS50 ricerca.

19
00:00:56,640 --> 00:00:59,930
>> Ora abbiamo definito questo modulo, ma noi
non hanno specificato dove la forma

20
00:00:59,930 --> 00:01:01,120
devono essere presentate.

21
00:01:01,120 --> 00:01:04,480
Aggiungiamo altri due attributi
per essere più precisi qui.

22
00:01:04,480 --> 00:01:09,410
In primo luogo, cerchiamo di specificare nel tag "forma"
sé che il metodo con cui questo

23
00:01:09,410 --> 00:01:12,620
modulo deve essere presentato è HTTP GET.

24
00:01:12,620 --> 00:01:16,150
E cerchiamo di specificare che l'azione o
destinazione di questo modulo sarà

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

26
00:01:22,540 --> 00:01:25,690
>> Ora, so che esiste perché URL
L'ho visto per qualche tempo nella mia

27
00:01:25,690 --> 00:01:27,080
barra degli indirizzi del browser.

28
00:01:27,080 --> 00:01:32,020
Così sto semplicemente andando a consultare l'utente
tale URL per i loro risultati di ricerca.

29
00:01:32,020 --> 00:01:35,380
Vediamo ora salvarli, cambiarne i permessi
su, e aprire questa fase.

30
00:01:35,380 --> 00:01:41,090
"Chmod a search.html più r."
Diamo ora aprire Chrome.

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

32
00:01:46,770 --> 00:01:49,345
Non è il più sexy dei motori di ricerca,
ma vediamo se funziona.

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

34
00:01:51,920 --> 00:01:53,240
E ci sono alcuni gatti.

35
00:01:53,240 --> 00:01:57,140
>> Si noti, però, che nella barra degli indirizzi
è esattamente l'indirizzo che mi aspettavo,

36
00:01:57,140 --> 00:01:58,910
ma con un po 'di qualcosa
più alla fine.

37
00:01:58,910 --> 00:02:04,260
Se lo zoom in qui, si noti che l'URL
è esattamente come ci aspettavamo, ma con un

38
00:02:04,260 --> 00:02:07,260
equals punto interrogativo q
gatti in alto.

39
00:02:07,260 --> 00:02:08,729
Dove che provengono da?

40
00:02:08,729 --> 00:02:12,880
>> Beh, perché ho presentato una forma che
ha avuto un input il cui nome era q, la nostra

41
00:02:12,880 --> 00:02:16,300
il browser ha preso su di sé per aggiungere che
punto interrogativo e poi mettere che

42
00:02:16,300 --> 00:02:17,820
il nome del parametro - q -

43
00:02:17,820 --> 00:02:21,130
seguito da un segno uguale, seguito
dai gatti, che è il valore che ho

44
00:02:21,130 --> 00:02:22,550
Mi digitato dentro

45
00:02:22,550 --> 00:02:26,130
Se ci fossero più di tali parametri
all'interno della URL, il browser avrebbe

46
00:02:26,130 --> 00:02:28,500
sono separati semplicemente
loro da commerciale.

47
00:02:28,500 --> 00:02:30,790
Ma in questo caso, abbiamo
solo una tale coppia.

48
00:02:30,790 --> 00:02:35,040
E che viene fornito come input per
Google molto simile a un parametro è

49
00:02:35,040 --> 00:02:37,000
fornito di una funzione è in ingresso.

50
00:02:37,000 --> 00:02:40,600
E Google utilizza quindi tale ingresso a
verificare il suo database in qualche modo e

51
00:02:40,600 --> 00:02:42,180
visualizzare una pagina di risultati.

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