1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,260 >> ALTAVEU 1: Anem a posar en pràctica una recerca motor o, almenys, l'usuari frontend 3 00:00:03,260 --> 00:00:06,590 interfície per a un motor de cerca que permet a l'usuari escriure alguns termes 4 00:00:06,590 --> 00:00:09,370 i després buscar en el món web per a aquests termes. 5 00:00:09,370 --> 00:00:13,690 Per a això, utilitzarem la "forma" d'HTML etiqueta, així com d'altres. 6 00:00:13,690 --> 00:00:17,140 Aquí a search.html, ja he aconseguit puguem començar per l'obertura i 7 00:00:17,140 --> 00:00:18,500 tancament d'algunes etiquetes. 8 00:00:18,500 --> 00:00:22,570 Així que ara aquí, a l'interior d'aquest cos, anem a primer definir un rumb de CS50 9 00:00:22,570 --> 00:00:26,460 Cercar per servir com un títol de tipus en el cos de la pàgina. 10 00:00:26,460 --> 00:00:30,660 >> Anem a continuació, obriu una etiqueta "forma" i, preventivament, anem a tancar, així que no ho fan 11 00:00:30,660 --> 00:00:31,930 oblidi després. 12 00:00:31,930 --> 00:00:37,450 Anem a continuació, definir una etiqueta d'entrada, la nom serà "q" per a la consulta, i la 13 00:00:37,450 --> 00:00:40,810 tipus serà "text", de manera que el explorador representa això com un camp de text 14 00:00:40,810 --> 00:00:41,840 a la pàgina. 15 00:00:41,840 --> 00:00:43,720 Anem a continuació, tancar aquesta etiqueta. 16 00:00:43,720 --> 00:00:46,480 Anem a continuació, inserir un salt de línia a continuació. 17 00:00:46,480 --> 00:00:50,870 I ara anem a definir una entrada més aquest temps, el tipus serà presentar, 18 00:00:50,870 --> 00:00:56,640 així que és un botó d'enviament, i el valor o etiqueta és CS50 Cercar. 19 00:00:56,640 --> 00:00:59,930 >> Ara que hem definit aquest formulari, però ens no han especificat a on la forma 20 00:00:59,930 --> 00:01:01,120 s'ha de presentar. 21 00:01:01,120 --> 00:01:04,480 Anem a afegir dos atributs més per ser més precisos aquí. 22 00:01:04,480 --> 00:01:09,410 En primer lloc, anem a especificar en l'etiqueta de la "forma" sí que el mètode pel qual aquesta 23 00:01:09,410 --> 00:01:12,620 formulari ha de ser presentat és HTTP GET. 24 00:01:12,620 --> 00:01:16,150 I anem a especificar que l'acció o destinació per aquest procediment serà 25 00:01:16,150 --> 00:01:22,540 https://www.google.com/search. 26 00:01:22,540 --> 00:01:25,690 >> Ara, sé que hi ha URL perquè Ho he vist des de fa algun temps al meu 27 00:01:25,690 --> 00:01:27,080 barra d'adreces del navegador. 28 00:01:27,080 --> 00:01:32,020 Així que simplement referiré a l'usuari aquesta URL pels seus resultats de cerca. 29 00:01:32,020 --> 00:01:35,380 Ara anem a guardar, canviar els permisos en, i obrir aquesta etapa. 30 00:01:35,380 --> 00:01:41,090 "Chmod a search.html més r." Ara anem a obrir Chrome. 31 00:01:41,090 --> 00:01:46,770 http://localhost/search.html. 32 00:01:46,770 --> 00:01:49,345 No és el més sexy dels motors de cerca, però anem a veure si funciona. 33 00:01:49,345 --> 00:01:51,920 34 00:01:51,920 --> 00:01:53,240 I hi ha alguns gats. 35 00:01:53,240 --> 00:01:57,140 >> Noteu, però, que a la barra d'adreces és exactament la direcció que jo esperava, 36 00:01:57,140 --> 00:01:58,910 però amb una mica d'alguna cosa més al final. 37 00:01:58,910 --> 00:02:04,260 Si faig zoom aquí, observi que l'URL és exactament el que esperàvem, però amb un 38 00:02:04,260 --> 00:02:07,260 signe d'interrogació Q és igual a gats a la part superior. 39 00:02:07,260 --> 00:02:08,729 D'on ve? 40 00:02:08,729 --> 00:02:12,880 >> Bé, perquè jo vaig presentar una manera que tenia una entrada que es deia q, el nostre 41 00:02:12,880 --> 00:02:16,300 navegador es va encarregar d'afegir que signe d'interrogació i llavors va posar aquesta 42 00:02:16,300 --> 00:02:17,820 El nom del paràmetre - q - 43 00:02:17,820 --> 00:02:21,130 seguit d'un signe igual, seguit pels gats, que és el valor que jo 44 00:02:21,130 --> 00:02:22,550 jo mecanografiades polz 45 00:02:22,550 --> 00:02:26,130 Si hi ha més d'aquests paràmetres dins de la URL, el navegador ho faria 46 00:02:26,130 --> 00:02:28,500 simplement s'han separat ells per signe. 47 00:02:28,500 --> 00:02:30,790 Però en aquest cas, tenim només un d'aquests parells. 48 00:02:30,790 --> 00:02:35,040 I que es proporciona com a entrada a Google igual que un paràmetre és 49 00:02:35,040 --> 00:02:37,000 proporcionat a una funció és l'entrada. 50 00:02:37,000 --> 00:02:40,600 I Google a continuació, utilitza aquesta entrada a buscarà a la base de dades d'alguna manera i 51 00:02:40,600 --> 00:02:42,180 mostrar una pàgina de resultats. 52 00:02:42,180 --> 00:02:43,755