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

2
00:00:00,430 --> 00:00:03,260
>> HÖGTALARE 1: Låt oss genomföra en sökning
motorn eller, åtminstone, frontend användaren

3
00:00:03,260 --> 00:00:06,590
gränssnitt för en sökmotor som
tillåter användaren att skriva in en del termer

4
00:00:06,590 --> 00:00:09,370
och sedan söka den världsomspännande
webben för dessa termer.

5
00:00:09,370 --> 00:00:13,690
För att uppnå detta använder vi HTML: s "formulär"
tag, liksom några andra.

6
00:00:13,690 --> 00:00:17,140
Här i Search.html, har jag redan
fått oss igång genom att öppna och

7
00:00:17,140 --> 00:00:18,500
stänga några taggar.

8
00:00:18,500 --> 00:00:22,570
Så nu här, inne i denna kropp, låt oss
först definiera en rubrik för CS50

9
00:00:22,570 --> 00:00:26,460
Sök för att fungera som en titel av slag
i kroppen på sidan.

10
00:00:26,460 --> 00:00:30,660
>> Låt oss sedan öppna upp ett "formulär" tag och,
förebyggande syfte, låt oss avsluta det, så gör inte

11
00:00:30,660 --> 00:00:31,930
glömmer att senare.

12
00:00:31,930 --> 00:00:37,450
Låt oss då definiera en ingång etikett, vars
Namnet ska vara "q" för fråga, och vars

13
00:00:37,450 --> 00:00:40,810
typ vara "text", så att
webbläsaren gör detta som ett textfält

14
00:00:40,810 --> 00:00:41,840
på sidan.

15
00:00:41,840 --> 00:00:43,720
Låt oss sedan stänga den här taggen.

16
00:00:43,720 --> 00:00:46,480
Låt oss sedan in en radbrytning nedan.

17
00:00:46,480 --> 00:00:50,870
Och låt oss nu definiera en mer input här
tid, vars typ är in,

18
00:00:50,870 --> 00:00:56,640
så det är en Skicka-knapp, och vars
värde eller etikett är CS50 Sök.

19
00:00:56,640 --> 00:00:59,930
>> Nu har vi definierat denna form, men vi
har inte angetts till där formen

20
00:00:59,930 --> 00:01:01,120
ska lämnas in.

21
00:01:01,120 --> 00:01:04,480
Låt oss lägga till ytterligare två attribut
att vara mer exakt här.

22
00:01:04,480 --> 00:01:09,410
Först, låt oss anger i "form"-taggen
sig om att den metod som denna

23
00:01:09,410 --> 00:01:12,620
formulär skall lämnas in är HTTP get.

24
00:01:12,620 --> 00:01:16,150
Och låt oss ange att åtgärden eller
destination av denna blankett skall vara

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

26
00:01:22,540 --> 00:01:25,690
>> Nu vet jag att URL existerar eftersom
Jag har sett det under en tid i mitt

27
00:01:25,690 --> 00:01:27,080
webbläsarens adressfält.

28
00:01:27,080 --> 00:01:32,020
Så jag kommer helt enkelt att hänvisa användaren till
denna URL för sina sökresultat.

29
00:01:32,020 --> 00:01:35,380
Låt oss nu spara, ändra behörighet
på och öppna detta skede.

30
00:01:35,380 --> 00:01:41,090
"Chmod ett plus r search.html."
Låt oss nu öppna Chrome.

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

32
00:01:46,770 --> 00:01:49,345
Inte den sexigaste av sökmotorer,
men låt oss se om det fungerar.

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

34
00:01:51,920 --> 00:01:53,240
Och det finns några katter.

35
00:01:53,240 --> 00:01:57,140
>> Observera dock, än i adressfältet
är exakt den webbadress som jag förväntade mig,

36
00:01:57,140 --> 00:01:58,910
men med en liten sak
mer i slutet.

37
00:01:58,910 --> 00:02:04,260
Om jag zooma in här, märker att webbadressen
är precis som vi förväntade oss, men med en

38
00:02:04,260 --> 00:02:07,260
frågetecken Q är lika
katter i toppen.

39
00:02:07,260 --> 00:02:08,729
Var kom det ifrån?

40
00:02:08,729 --> 00:02:12,880
>> Jo, därför att jag lämnat in en blankett som
hade en ingång som hette q, vår

41
00:02:12,880 --> 00:02:16,300
browser tog på sig att tillägga att
frågetecken och sedan lägga det

42
00:02:16,300 --> 00:02:17,820
parameter namn - q -

43
00:02:17,820 --> 00:02:21,130
följt av ett likhetstecken, följt
av katter, vilket är det värde som jag

44
00:02:21,130 --> 00:02:22,550
jag själv skrivit i.

45
00:02:22,550 --> 00:02:26,130
Om det fanns fler sådana parametrar
inne i webbadressen, webbläsaren skulle

46
00:02:26,130 --> 00:02:28,500
har helt enkelt separerat
dem med et-tecken.

47
00:02:28,500 --> 00:02:30,790
Men i detta fall har vi
bara ett sådant par.

48
00:02:30,790 --> 00:02:35,040
Och som tillhandahålls som inmatning till
Till ungefär som en parameter är

49
00:02:35,040 --> 00:02:37,000
tillhandahålls till en funktion matas in.

50
00:02:37,000 --> 00:02:40,600
Och Google använder sedan den ingången till
söka sin databas på något sätt och

51
00:02:40,600 --> 00:02:42,180
visa en sida av resultat.

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