1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,260 >> Sprecher 1: Lassen Sie implementieren eine Suche Motor oder zumindest das Frontend Benutzer 3 00:00:03,260 --> 00:00:06,590 Schnittstelle für eine Suchmaschine, die kann der Benutzer einige Begriffe eingeben 4 00:00:06,590 --> 00:00:09,370 und dann suchen die weltweite Web für diese Begriffe. 5 00:00:09,370 --> 00:00:13,690 Um dies zu erreichen, werden wir den HTML-Code "Form" verwenden Tag sowie ein paar andere. 6 00:00:13,690 --> 00:00:17,140 Hier in search.html, habe ich bereits bekommen wir durch Öffnen gestartet und 7 00:00:17,140 --> 00:00:18,500 Schließen Sie ein paar Tags. 8 00:00:18,500 --> 00:00:22,570 So, jetzt hier, innerhalb dieser Körper, lassen Sie uns zunächst eine Überschrift definieren CS50 9 00:00:22,570 --> 00:00:26,460 Suche als Titel der Arten dienen in den Körper der Seite. 10 00:00:26,460 --> 00:00:30,660 >> Lassen Sie uns dann öffnen, eine "Form"-Tag und, präventiv, lassen schließen, also nicht 11 00:00:30,660 --> 00:00:31,930 vergessen, später. 12 00:00:31,930 --> 00:00:37,450 Lassen Sie uns dann definieren Sie eine Input-Tag, dessen Name soll "q" für die Abfrage sein, und deren 13 00:00:37,450 --> 00:00:40,810 Typ ist "Text" sein, so dass die Browser rendert diese als Textfeld 14 00:00:40,810 --> 00:00:41,840 auf der Seite. 15 00:00:41,840 --> 00:00:43,720 Lassen Sie uns diesen Tag schließen. 16 00:00:43,720 --> 00:00:46,480 Lassen Sie uns stecken dann einen Zeilenumbruch unten. 17 00:00:46,480 --> 00:00:50,870 Und lassen Sie uns nun einen weiteren Eingang definieren diese Zeit, deren Typ wird vorzulegen, 18 00:00:50,870 --> 00:00:56,640 das ist also ein Submit-Button, und deren Wert oder Etikett CS50 suchen. 19 00:00:56,640 --> 00:00:59,930 >> Jetzt haben wir diese Form definiert, aber wir nicht, wo die angegebenen Form 20 00:00:59,930 --> 00:01:01,120 vorgelegt werden. 21 00:01:01,120 --> 00:01:04,480 Fügen wir zwei weitere Attribute hier mehr genau zu sein. 22 00:01:04,480 --> 00:01:09,410 Lassen Sie uns zunächst in der "Form" Tag angeben selbst, daß das Verfahren, mit dem diese 23 00:01:09,410 --> 00:01:12,620 Form vorgelegt werden sollte ist HTTP GET. 24 00:01:12,620 --> 00:01:16,150 Und angeben lassen, dass die Aktion oder Ziel dieser Form sind 25 00:01:16,150 --> 00:01:22,540 https://www.google.com/search. 26 00:01:22,540 --> 00:01:25,690 >> Jetzt weiß ich, dass URL existiert, weil Ich habe es seit einiger Zeit in meinem gesehen 27 00:01:25,690 --> 00:01:27,080 Adressleiste Browsers. 28 00:01:27,080 --> 00:01:32,020 Also ich bin einfach da, um den Benutzer zu beziehen dass URL für ihre Suchergebnisse. 29 00:01:32,020 --> 00:01:35,380 Lassen Sie uns jetzt noch retten, ändern Sie die Berechtigungen auf, und öffnen Sie diese Stufe. 30 00:01:35,380 --> 00:01:41,090 "Chmod a und r search.html." Lassen Sie uns nun öffnen Chrome. 31 00:01:41,090 --> 00:01:46,770 http://localhost/search.html. 32 00:01:46,770 --> 00:01:49,345 Nicht der sexiest von Suchmaschinen, aber mal sehen, ob es funktioniert. 33 00:01:49,345 --> 00:01:51,920 34 00:01:51,920 --> 00:01:53,240 Und es gibt einige Katzen. 35 00:01:53,240 --> 00:01:57,140 >> Beachten Sie aber, als in der Adressleiste ist genau die URL, die ich erwartet hatte, 36 00:01:57,140 --> 00:01:58,910 aber mit ein wenig etwas mehr am Ende. 37 00:01:58,910 --> 00:02:04,260 Wenn ich Bilder in hier feststellen, dass die URL ist genau so, wie wir erwartet haben, aber mit einem 38 00:02:04,260 --> 00:02:07,260 Fragezeichen q Gleichheits Katzen an der Spitze. 39 00:02:07,260 --> 00:02:08,729 Wo kommt das her? 40 00:02:08,729 --> 00:02:12,880 >> Nun, weil ich ein Formular vor, dass hatte einen Eingang, dessen Name war q, unsere 41 00:02:12,880 --> 00:02:16,300 Browser nahm es auf sich, dass hinzufügen Fragezeichen und dann setzen, dass 42 00:02:16,300 --> 00:02:17,820 Parameter Name - q - 43 00:02:17,820 --> 00:02:21,130 gefolgt von einem Gleichheitszeichen, gefolgt von Katzen, die der Wert ist, dass ich 44 00:02:21,130 --> 00:02:22,550 selbst eingegeben in. 45 00:02:22,550 --> 00:02:26,130 Wenn es mehr solcher Parameter innerhalb der URL, der Browser würde 46 00:02:26,130 --> 00:02:28,500 haben einfach getrennt ihnen von Et-Zeichen. 47 00:02:28,500 --> 00:02:30,790 Aber in diesem Fall haben wir nur ein solches Paar. 48 00:02:30,790 --> 00:02:35,040 Und das als Eingang vorgesehen Google ähnlich wie ein Parameter ist 49 00:02:35,040 --> 00:02:37,000 zu einer Funktion eingegeben. 50 00:02:37,000 --> 00:02:40,600 Und Google nutzt dann diesen Eingang suchen seine Datenbank und irgendwie 51 00:02:40,600 --> 00:02:42,180 zeigt eine Seite der Ergebnisse. 52 00:02:42,180 --> 00:02:43,755