1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,260 >> SPEAKER 1: La oss gjennomføre et søk motor eller, i det minste, frontend bruker 3 00:00:03,260 --> 00:00:06,590 grensesnitt for en søkemotor som tillater brukeren å skrive inn noen begreper 4 00:00:06,590 --> 00:00:09,370 og deretter søke i hele verden web for disse vilkårene. 5 00:00:09,370 --> 00:00:13,690 For å oppnå dette, vil vi bruke HTML sin "form" tag, samt noen få andre. 6 00:00:13,690 --> 00:00:17,140 Her i search.html, har jeg allerede fått oss i gang ved å åpne og 7 00:00:17,140 --> 00:00:18,500 lukke noen koder. 8 00:00:18,500 --> 00:00:22,570 Så nå her, inne i denne kroppen, la oss først definere en overskrift av CS50 9 00:00:22,570 --> 00:00:26,460 Søk for å tjene som en tittel av former i legemet på siden. 10 00:00:26,460 --> 00:00:30,660 >> La oss deretter åpne opp en "form"-koden, og preemptively, la oss lukke det, så gjør ikke 11 00:00:30,660 --> 00:00:31,930 glem å senere. 12 00:00:31,930 --> 00:00:37,450 La oss da definere en input tag, som Navnet skal være "q" for søk, og hvis 13 00:00:37,450 --> 00:00:40,810 type skal være "tekst", slik at leseren gjengir dette som et tekstfelt 14 00:00:40,810 --> 00:00:41,840 på siden. 15 00:00:41,840 --> 00:00:43,720 La oss deretter lukke denne koden. 16 00:00:43,720 --> 00:00:46,480 La oss da sette inn et linjeskift nedenfor. 17 00:00:46,480 --> 00:00:50,870 Og la oss nå definere en mer innspill dette tid, hvis typen vil være sende inn, 18 00:00:50,870 --> 00:00:56,640 så det er en Send-knapp, og hvis verdi eller etiketten er CS50 søk. 19 00:00:56,640 --> 00:00:59,930 >> Nå har vi definert dette skjemaet, men vi har ikke spesifisert hvor skjema 20 00:00:59,930 --> 00:01:01,120 skal leveres. 21 00:01:01,120 --> 00:01:04,480 La oss legge til to flere attributter å være mer presis her. 22 00:01:04,480 --> 00:01:09,410 Først, la oss angi i "form" tag seg selv at den metoden som denne 23 00:01:09,410 --> 00:01:12,620 Skjemaet skal sendes inn er HTTP get. 24 00:01:12,620 --> 00:01:16,150 Og la oss presisere at handlingen eller målet for dette skjemaet 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 >> Nå, jeg vet at URL eksisterer fordi Jeg har sett det i noen gang i mitt 27 00:01:25,690 --> 00:01:27,080 nettleserens adressefelt. 28 00:01:27,080 --> 00:01:32,020 Så jeg bare kommer til å henvise til at URL for sine søkeresultater. 29 00:01:32,020 --> 00:01:35,380 La oss nå lagre, endre tillatelsene på, og åpne dette stadiet. 30 00:01:35,380 --> 00:01:41,090 "Chmod et pluss r search.html." La oss nå åpne opp 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 sexy av søkemotorer, men la oss se om det fungerer. 33 00:01:49,345 --> 00:01:51,920 34 00:01:51,920 --> 00:01:53,240 Og det er noen katter. 35 00:01:53,240 --> 00:01:57,140 >> Legg merke til om, enn i adressefeltet er nøyaktig den URL som jeg forventet, 36 00:01:57,140 --> 00:01:58,910 men med litt noe mer på slutten. 37 00:01:58,910 --> 00:02:04,260 Hvis jeg zoomer inn her, legge merke til at nettadressen er akkurat som vi forventet, men med en 38 00:02:04,260 --> 00:02:07,260 spørsmålstegn q likemenn katter på toppen. 39 00:02:07,260 --> 00:02:08,729 Hvor kom det fra? 40 00:02:08,729 --> 00:02:12,880 >> Vel, fordi jeg sendte inn et skjema som hadde en inngang som het q, vår 41 00:02:12,880 --> 00:02:16,300 Nettleseren tok det på seg å legge til at spørsmålstegn og deretter sette det 42 00:02:16,300 --> 00:02:17,820 parameter navn - q - 43 00:02:17,820 --> 00:02:21,130 etterfulgt av et likhetstegn, fulgt av katter, som er den verdien som jeg 44 00:02:21,130 --> 00:02:22,550 meg selv skrevet i. 45 00:02:22,550 --> 00:02:26,130 Hvis det var flere slike parametre innsiden av URL, vil nettleseren 46 00:02:26,130 --> 00:02:28,500 har rett og slett skilt dem ved tegnet. 47 00:02:28,500 --> 00:02:30,790 Men i dette tilfelle har vi bare ett slikt par. 48 00:02:30,790 --> 00:02:35,040 Og det er gitt som innspill til Google mye som en parameter er 49 00:02:35,040 --> 00:02:37,000 leveres til en funksjon er-inngang. 50 00:02:37,000 --> 00:02:40,600 Og Google bruker så at innspill til søke sin database eller annen måte, og 51 00:02:40,600 --> 00:02:42,180 vise en side av resultater. 52 00:02:42,180 --> 00:02:43,755