1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,260 >> SPEAKER 1: Lad os gennemføre en søgning motor eller i det mindste den frontend-bruger 3 00:00:03,260 --> 00:00:06,590 interface til en søgemaskine, giver brugeren mulighed for at skrive nogle vilkår 4 00:00:06,590 --> 00:00:09,370 og derefter søge den verdensomspændende internettet for disse begreber. 5 00:00:09,370 --> 00:00:13,690 For at opnå dette, vil vi bruge HTML er "form" tag, samt et par andre. 6 00:00:13,690 --> 00:00:17,140 Her i Search.html, har jeg allerede fået os i gang ved at åbne og 7 00:00:17,140 --> 00:00:18,500 lukker et par tags. 8 00:00:18,500 --> 00:00:22,570 Så nu her, inde i denne krop, lad os først definere en overskrift i CS50 9 00:00:22,570 --> 00:00:26,460 Søg for at tjene som en titel af en slags i kroppen på siden. 10 00:00:26,460 --> 00:00:30,660 >> Lad os så åbne en "form"-tag, og præventivt, lad os lukke den, så gør ikke 11 00:00:30,660 --> 00:00:31,930 glemmer at senere. 12 00:00:31,930 --> 00:00:37,450 Lad os derefter definere et input tag, hvis navn skal være "q" for forespørgsel, og hvis 13 00:00:37,450 --> 00:00:40,810 type, skal være "tekst", således at den browser gør dette som et tekstfelt 14 00:00:40,810 --> 00:00:41,840 på siden. 15 00:00:41,840 --> 00:00:43,720 Lad os så lukke dette tag. 16 00:00:43,720 --> 00:00:46,480 Lad os derefter indsætte et linjeskift nedenfor. 17 00:00:46,480 --> 00:00:50,870 Og lad os nu definere en mere input dette tid, hvis type vil blive indsende, 18 00:00:50,870 --> 00:00:56,640 så det er en Submit knap, og hvis værdi eller etiket er CS50 Søg. 19 00:00:56,640 --> 00:00:59,930 >> Nu har vi defineret denne form, men vi har ikke angivet, hvor formen 20 00:00:59,930 --> 00:01:01,120 skal indsendes. 21 00:01:01,120 --> 00:01:04,480 Lad os tilføje yderligere to attributter at være mere præcis her. 22 00:01:04,480 --> 00:01:09,410 Først, lad os præcisere i "form" tag sig, at den metode, hvorved dette 23 00:01:09,410 --> 00:01:12,620 formular skal indsendes, er HTTP GET. 24 00:01:12,620 --> 00:01:16,150 Og lad os præcisere, at den foranstaltning eller destination i denne formular, skal være 25 00:01:16,150 --> 00:01:22,540 https://www.google.com/search. 26 00:01:22,540 --> 00:01:25,690 >> Nu ved jeg, at der findes URL fordi Jeg har set det i nogen tid i mit 27 00:01:25,690 --> 00:01:27,080 browserens adresselinje. 28 00:01:27,080 --> 00:01:32,020 Så jeg simpelthen kommer til at henvise brugeren til at at URL til deres søgeresultater. 29 00:01:32,020 --> 00:01:35,380 Lad os nu gemme, ændre tilladelserne , og åbn denne fase. 30 00:01:35,380 --> 00:01:41,090 "Chmod a plus r search.html". Lad os nu åbne Chrome. 31 00:01:41,090 --> 00:01:46,770 http://localhost/search.html. 32 00:01:46,770 --> 00:01:49,345 Ikke den mest sexede af søgemaskiner, men lad os se om det virker. 33 00:01:49,345 --> 00:01:51,920 34 00:01:51,920 --> 00:01:53,240 Og der er nogle katte. 35 00:01:53,240 --> 00:01:57,140 >> Bemærk dog, end i adresselinjen er præcis den webadresse, som jeg havde forventet, 36 00:01:57,140 --> 00:01:58,910 men med lidt noget mere i slutningen. 37 00:01:58,910 --> 00:02:04,260 Hvis jeg zoomer ind her mærke til, at webadressen er præcis, som vi havde forventet, men med en 38 00:02:04,260 --> 00:02:07,260 spørgsmålstegn Q er lig katte øverst. 39 00:02:07,260 --> 00:02:08,729 Hvor kom det fra? 40 00:02:08,729 --> 00:02:12,880 >> Jo, fordi jeg indsendte en form, der havde et input, hvis navn var q, vores 41 00:02:12,880 --> 00:02:16,300 browser påtog sig at tilføje, at spørgsmålstegn og derefter sætte det 42 00:02:16,300 --> 00:02:17,820 parameter navn - q - 43 00:02:17,820 --> 00:02:21,130 efterfulgt af et lighedstegn efterfulgt af katte, som er den værdi, som jeg 44 00:02:21,130 --> 00:02:22,550 selv skrevet i. 45 00:02:22,550 --> 00:02:26,130 Hvis der var flere sådanne parametre indersiden af ​​URL'en, ville browseren 46 00:02:26,130 --> 00:02:28,500 har simpelthen adskilt dem ved tegnet. 47 00:02:28,500 --> 00:02:30,790 Men i dette tilfælde har vi kun et sådant par. 48 00:02:30,790 --> 00:02:35,040 Og der leveres som input til Google meget som en parameter er 49 00:02:35,040 --> 00:02:37,000 billede til en funktion er input. 50 00:02:37,000 --> 00:02:40,600 Og Google bruger derefter at input til søge sin database eller anden måde og 51 00:02:40,600 --> 00:02:42,180 vise en side med resultater. 52 00:02:42,180 --> 00:02:43,755