1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,260 >> SPEAKER 1: Mari kita melaksanakan carian enjin atau, sekurang-kurangnya, pengguna frontend 3 00:00:03,260 --> 00:00:06,590 antara muka untuk satu enjin carian yang membolehkan pengguna menaip beberapa terma 4 00:00:06,590 --> 00:00:09,370 dan kemudian mencari di seluruh dunia web untuk istilah tersebut. 5 00:00:09,370 --> 00:00:13,690 Untuk mencapai matlamat ini, kami akan menggunakan "borang" HTML tag, serta beberapa yang lain. 6 00:00:13,690 --> 00:00:17,140 Di Search.html, saya telah pun mendapat kita bermula dengan membuka dan 7 00:00:17,140 --> 00:00:18,500 menutup tag beberapa. 8 00:00:18,500 --> 00:00:22,570 Jadi sekarang di sini, di dalam badan ini, mari kita pertama menentukan tajuk CS50 9 00:00:22,570 --> 00:00:26,460 Carian untuk berkhidmat sebagai satu gelaran bagi pelbagai dalam badan halaman. 10 00:00:26,460 --> 00:00:30,660 >> Mari kita kemudian membuka satu "bentuk" tag dan, preemptively, mari kita menutupnya, begitu juga tidak 11 00:00:30,660 --> 00:00:31,930 lupa untuk kemudian. 12 00:00:31,930 --> 00:00:37,450 Mari kita kemudian menentukan tag input, yang Nama hendaklah "q" untuk pertanyaan, dan yang 13 00:00:37,450 --> 00:00:40,810 Jenis hendaklah "teks," supaya pelayar menyebabkan ini sebagai medan teks 14 00:00:40,810 --> 00:00:41,840 pada halaman. 15 00:00:41,840 --> 00:00:43,720 Mari kita kemudian tutup tag ini. 16 00:00:43,720 --> 00:00:46,480 Mari kita kemudian memasukkan satu baris di bawah. 17 00:00:46,480 --> 00:00:50,870 Dan mari kita kini menentukan satu input lebih ini masa, yang jenis akan mengemukakan, 18 00:00:50,870 --> 00:00:56,640 jadi itu butang Hantar dan yang nilai atau label adalah CS50 Cari. 19 00:00:56,640 --> 00:00:59,930 >> Sekarang kita telah ditakrifkan borang ini, tetapi kita tidak dinyatakan di mana borang yang 20 00:00:59,930 --> 00:01:01,120 hendaklah dikemukakan. 21 00:01:01,120 --> 00:01:04,480 Mari kita menambah dua lagi sifat-sifat lebih tepat di sini. 22 00:01:04,480 --> 00:01:09,410 Pertama, mari kita nyatakan dalam "bentuk" tag sendiri cara dengan mana ini 23 00:01:09,410 --> 00:01:12,620 bentuk hendaklah dikemukakan adalah HTTP. 24 00:01:12,620 --> 00:01:16,150 Dan mari kita menentukan bahawa tindakan atau destinasi borang ini hendaklah 25 00:01:16,150 --> 00:01:22,540 https://www.google.com/search. 26 00:01:22,540 --> 00:01:25,690 >> Sekarang, saya tahu bahawa URL wujud kerana Saya lihat ia untuk seketika dalam saya 27 00:01:25,690 --> 00:01:27,080 bar alamat pelayar. 28 00:01:27,080 --> 00:01:32,020 Jadi, saya hanya akan merujuk pengguna untuk bahawa URL untuk hasil carian mereka. 29 00:01:32,020 --> 00:01:35,380 Sekarang mari kita menyimpan, menukar kebenaran pada, dan membuka peringkat ini. 30 00:01:35,380 --> 00:01:41,090 "Chmod tambah r search.html." Mari kita kini membuka Chrome. 31 00:01:41,090 --> 00:01:46,770 http://localhost/search.html. 32 00:01:46,770 --> 00:01:49,345 Tidak paling seksi enjin carian, tetapi mari kita lihat jika ia berfungsi. 33 00:01:49,345 --> 00:01:51,920 34 00:01:51,920 --> 00:01:53,240 Dan terdapat beberapa kucing. 35 00:01:53,240 --> 00:01:57,140 >> Perhatikan walaupun, daripada dalam bar alamat betul-betul URL yang saya harapkan, 36 00:01:57,140 --> 00:01:58,910 tetapi dengan sesuatu yang sedikit lebih pada akhir. 37 00:01:58,910 --> 00:02:04,260 Jika saya zum di sini, melihat bahawa URL betul-betul seperti yang kita harapkan, tetapi dengan 38 00:02:04,260 --> 00:02:07,260 tanda tanya q setaraf kucing di bahagian atas. 39 00:02:07,260 --> 00:02:08,729 Di manakah yang datang dari? 40 00:02:08,729 --> 00:02:12,880 >> Nah, kerana saya menyerahkan borang yang mempunyai input yang namanya q, kami 41 00:02:12,880 --> 00:02:16,300 pelayar mengambil ia atas dirinya untuk menambah bahawa tanda tanya dan kemudian meletakkan bahawa 42 00:02:16,300 --> 00:02:17,820 Nama parameter ini - q - 43 00:02:17,820 --> 00:02:21,130 diikuti dengan tanda yang sama, diikuti oleh kucing, iaitu nilai yang saya 44 00:02:21,130 --> 00:02:22,550 diri saya ditaip masuk 45 00:02:22,550 --> 00:02:26,130 Jika terdapat lebih parameter seperti dalam URL, pelayar akan 46 00:02:26,130 --> 00:02:28,500 mempunyai hanya dipisahkan mereka dengan Ampersand. 47 00:02:28,500 --> 00:02:30,790 Tetapi dalam kes ini, kita perlu hanya satu pasangan tersebut. 48 00:02:30,790 --> 00:02:35,040 Dan yang disediakan sebagai input untuk Google sama seperti parameter adalah 49 00:02:35,040 --> 00:02:37,000 diberikan kepada fungsi adalah input. 50 00:02:37,000 --> 00:02:40,600 Dan Google kemudian menggunakan input yang untuk mencari pangkalan data entah bagaimana dan 51 00:02:40,600 --> 00:02:42,180 memaparkan halaman keputusan. 52 00:02:42,180 --> 00:02:43,755