‫Instruktur: Jadi sekarang setelah kita memahami dasar-dasar PUG,
‫saatnya untuk melakukan beberapa refactoring dan
‫menyesuaikan kode kita dengan lebih baik ke dalam arsitektur NVC.
‫Dan setelah itu, kita akhirnya bisa mulai
‫membangun situs web itu sendiri.
‫Dan seperti yang kami lakukan dengan sumber
‫daya kami, saya juga
‫akan membuat router dan pengontrol untuk tampilan.
‫Jadi pada dasarnya sebuah file di mana saya dapat meletakkan semua
‫rute yang kita butuhkan untuk membangun situs web dinamis kita.
‫Jadi mari kita sebut ini
‫view route.
‫Oke.
‫Dan mari kita mulai dengan meminta express.
‫Oke.
‫Jadi ini akan bekerja dengan
‫cara yang sama persis seperti router lainnya.
‫Jadi membuat titik
‫ekspres router.
‫Sebuah router dan pada akhirnya, kami mengekspornya.
‫Jadi sekarang, mari kita dapatkan rute-rute
‫ini di sini dan salin ke dalam file rute.
‫Sekarang di sini tentu saja, bukan lagi aplikasi, tetapi router.
‫Jadi mari kita ganti itu.
‫Baiklah.
‫Dan itu sebenarnya tidak apa-apa.
‫Jadi di rute lain, kami menggunakan rute d dot di
‫mana kami kemudian menentukan rute itu
‫sendiri dan kemudian setelah itu, kami menggunakan seperti get, post,
‫patch, atau delete, jadi semua metode http ini.
‫Tetapi dalam kasus ini, itu tidak
‫akan diperlukan karena yang akan kita lakukan hanyalah menggunakan get.
‫Dan jadi bagus seperti ini.
‫Selanjutnya, kita sebenarnya perlu memasang router
‫ini ke aplikasi kita.
‫Jadi di sini, di aplikasi, dan seperti yang kita
‫lakukan sebelumnya, kita mulai dengan memintanya.
‫Jadi, lihat router.
‫Dan sekarang, mari kita
‫benar-benar memasangnya, di sini melewati yang pertama.
‫Jadi lihat router, tetapi perbedaan yang
‫satu ini adalah bahwa ini sebenarnya dipasang tepat di URL rute.
‫Oke, jadi setiap kali URL terlihat seperti ini,
‫itu akan langsung masuk ke view router.
‫Dan saya tidak yakin apakah itu akan berhasil.
‫Mungkin kita harus meletakkannya di sini di akhir.
‫Tapi mari kita lihat, setelah kita mengujinya.
‫Oke.
‫Sekarang sebagai langkah terakhir, mari, seperti
‫sebelumnya, mengekspor fungsi-fungsi ini ke sini ke controller.
‫Jadi, seperti sebelumnya, mari kita
‫buat pengontrol tampilan.
‫Baiklah.
‫Dan itu disalin dan sebagainya.
‫Jadi yang ini di sini akan disebut mendapatkan gambaran umum.
‫Jadi ekspor dot get
‫gambaran sama dengan fungsi ini, oke.
‫Untuk saat ini setidaknya.
‫Jadi tentu saja semua ini
‫di sini, kita akan diganti dengan pengontrol
‫sebenarnya yang sebenarnya akan mendapatkan data untuk ikhtisar dan
‫kemudian merender data itu.
‫Oke, tapi untuk saat ini, kami hanya memiliki
‫fungsi pengontrol yang sangat sederhana ini hanya untuk melihat apakah semuanya berfungsi.
‫Baiklah, jadi sekarang mari kita tambahkan dan
‫impor pengontrol itu di sini.
‫Jadi pengontrol dan kemudian melihat pengontrol.
‫Oke, jadi di sini, kita akan
‫memiliki view controller dot get overview, oke.
‫Dan sekarang, di sini sama.
‫Ekspor dot get tour.
‫Oke.
‫Dan yang satu ini sebenarnya hanya sebuah ujian.
‫Jadi mari kita singkirkan.
‫Dan sekarang, akhirnya kami sebenarnya tidak menginginkan rute yang disebut
‫ikhtisar tetapi sebaliknya, kami
‫ingin menunjukkan ikhtisar tepat ketika kami membuka halaman.
‫Oke, jadi seperti yang kita miliki di sini.
‫Jadi ini adalah halaman rute dan kapan pun itu
‫diminta, halaman ikhtisar ini akan ditampilkan.
‫Oke, dan itulah yang kami inginkan dalam aplikasi kami.
‫Baiklah, jadi mari kita uji.
‫Jadi yang ini di sini sekarang harus menjadi halaman ikhtisar.
‫Dan memang, itu, oke.
‫Dan sekarang di sini, mari muat ulang yang ini
‫juga hanya untuk melihat apakah semuanya masih berfungsi.
‫Dan memang, bagus.
‫Dan tentu saja, kami juga masih dapat mengakses API kami.
‫Jadi katakanlah API, V1, tur
‫slash.
‫Dan itu akan memberi kami semua tur kami dan
‫kami kembali untuk titik akhir ini.
‫Oke.
‫Fantastis, jadi dengan ini,
‫kami sebenarnya siap untuk benar-benar mulai membangun
‫halaman ikhtisar ini di kuliah berikutnya.
‫Jadi saya tidak sabar untuk melihat Anda di sana.