1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,260 >> SPEAKER 1: Mari kita menerapkan pencarian mesin atau, setidaknya, pengguna frontend 3 00:00:03,260 --> 00:00:06,590 interface untuk mesin pencari yang memungkinkan pengguna untuk mengetik beberapa istilah 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 hal ini, kita akan menggunakan "bentuk" HTML tag, serta beberapa orang lainnya. 6 00:00:13,690 --> 00:00:17,140 Di sini, di Search.html, aku sudah mendapat kita mulai dengan membuka dan 7 00:00:17,140 --> 00:00:18,500 menutup beberapa tag. 8 00:00:18,500 --> 00:00:22,570 Jadi sekarang di sini, di dalam tubuh ini, mari kita pertama menentukan judul CS50 9 00:00:22,570 --> 00:00:26,460 Pencarian untuk melayani sebagai judul macam dalam tubuh halaman. 10 00:00:26,460 --> 00:00:30,660 >> Mari kita kemudian membuka "bentuk" tag dan, Terlebih Dahulu, mari kita tutup, jadi jangan 11 00:00:30,660 --> 00:00:31,930 lupa nanti. 12 00:00:31,930 --> 00:00:37,450 Mari kita kemudian mendefinisikan tag input, yang nama harus "q" untuk permintaan, dan yang 13 00:00:37,450 --> 00:00:40,810 Jenis harus "teks," sehingga Browser membuat ini sebagai kolom 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 ini. 17 00:00:46,480 --> 00:00:50,870 Dan mari kita mendefinisikan satu input lebih ini waktu, yang jenis akan menyerahkan, 18 00:00:50,870 --> 00:00:56,640 jadi itu tombol Submit, dan yang nilai atau label adalah CS50 Search. 19 00:00:56,640 --> 00:00:59,930 >> Sekarang kita telah mendefinisikan formulir ini, tapi kami belum ditentukan di mana bentuk 20 00:00:59,930 --> 00:01:01,120 harus diserahkan. 21 00:01:01,120 --> 00:01:04,480 Mari kita tambahkan dua atribut lainnya untuk lebih tepatnya di sini. 22 00:01:04,480 --> 00:01:09,410 Pertama, mari kita tentukan dalam "bentuk" tag sendiri bahwa metode yang digunakan ini 23 00:01:09,410 --> 00:01:12,620 Formulir harus diserahkan adalah HTTP get. 24 00:01:12,620 --> 00:01:16,150 Dan mari kita menetapkan bahwa tindakan atau tujuan formulir ini harus 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 bahwa URL ada karena Saya telah melihat untuk beberapa waktu di saya 27 00:01:25,690 --> 00:01:27,080 address bar browser. 28 00:01:27,080 --> 00:01:32,020 Jadi aku hanya akan merujuk pengguna untuk bahwa URL untuk hasil pencarian mereka. 29 00:01:32,020 --> 00:01:35,380 Mari kita sekarang menyimpan, mengubah izin pada, dan membuka tahap ini. 30 00:01:35,380 --> 00:01:41,090 "Chmod a search.html ditambah r." Sekarang mari kita 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 terseksi dari mesin pencari, tapi mari kita lihat apakah ia bekerja. 33 00:01:49,345 --> 00:01:51,920 34 00:01:51,920 --> 00:01:53,240 Dan ada beberapa kucing. 35 00:01:53,240 --> 00:01:57,140 >> Perhatikan meskipun, daripada di address bar adalah persis URL yang saya harapkan, 36 00:01:57,140 --> 00:01:58,910 tetapi dengan sedikit sesuatu lebih di akhir. 37 00:01:58,910 --> 00:02:04,260 Jika saya memperbesar sini, perhatikan bahwa URL adalah persis seperti yang kami harapkan, tetapi dengan 38 00:02:04,260 --> 00:02:07,260 equals tanda tanya q kucing di atas. 39 00:02:07,260 --> 00:02:08,729 Dari mana datangnya? 40 00:02:08,729 --> 00:02:12,880 >> Nah, karena saya menyerahkan formulir yang memiliki masukan yang namanya q, kami 41 00:02:12,880 --> 00:02:16,300 Browser membawanya pada dirinya sendiri untuk menambahkan bahwa tanda tanya dan kemudian menempatkan bahwa 42 00:02:16,300 --> 00:02:17,820 Nama parameter ini - q - 43 00:02:17,820 --> 00:02:21,130 diikuti oleh tanda sama dengan, diikuti oleh kucing, yang merupakan nilai yang saya 44 00:02:21,130 --> 00:02:22,550 diriku diketik masuk 45 00:02:22,550 --> 00:02:26,130 Jika ada lebih banyak parameter seperti dalam URL, browser akan 46 00:02:26,130 --> 00:02:28,500 telah cukup dipisahkan mereka dengan ampersand. 47 00:02:28,500 --> 00:02:30,790 Tapi dalam kasus ini, kita harus hanya satu seperti pasangan. 48 00:02:30,790 --> 00:02:35,040 Dan yang disediakan sebagai masukan untuk Google seperti parameter adalah 49 00:02:35,040 --> 00:02:37,000 diberikan kepada suatu fungsi masukan. 50 00:02:37,000 --> 00:02:40,600 Dan Google kemudian menggunakan masukan tersebut untuk mencari database-nya entah bagaimana dan 51 00:02:40,600 --> 00:02:42,180 menampilkan halaman hasil. 52 00:02:42,180 --> 00:02:43,755