Оффлайн
- Регистрация
- 1 Мар 2015
- Сообщения
- 1,481
- Баллы
- 155
Templating
Cara membuat pattern halaman web yang bisa kita ubah kontennya secara dinamis. Bisa dikatakan 1 design bisa digunakan dimana-mana sehingga cukup efisien.
yang digunakan sebagai pembelajaran templating menggunakan EJS (Embedded Javascript Template)
Konfigurasi
4.membuat file "index.js"
5.pada index, kita buat api kita saat ini pada port 8080
6.kemudian kita install ejs "npm install ejs"
7.untuk package ejs nya sendiri tidak perlu kita require namun menjadi seperti ini
Cara menggunakan EJS pada Express
pada dokumentasi express untuk menggunakan package ejs ini
Terdapat property views, dimana ada lokasi atau folder meletakkan file-file template, di dalam current directory "process.cwd()" dan di dalam folder "views", sehingga pada project kita harus buat suatu folder "views" yang di dalam views ini itu adalah file-file template yang akan di gunakan
jadi pada folder views kita buat file home dengan ekstensi ejs
untuk menampilkan home kita pada "" dilakukan seperti ini
karena kita ingin menampilkan suatu template maka kita menggunakan "res.render()", dan untuk path yang diberikan pada render tidak perlu full path "views/home.ejs" hanya perlu nama file "home.ejs" karena secara default express akan mengecek langsung ke views, kecuali jika kita ganti sendiri.
kita coba untuk jalankan, dengan menggunakan "nodemon" agar tidak jalankan ulang secara manual.
untuk install nodemon cukup gampang bisa di cek di link berikut
Hasil
yang artinya kita telah berhasil untuk mengimplementasikan ejs pada express kita.
Cara membuat pattern halaman web yang bisa kita ubah kontennya secara dinamis. Bisa dikatakan 1 design bisa digunakan dimana-mana sehingga cukup efisien.
yang digunakan sebagai pembelajaran templating menggunakan EJS (Embedded Javascript Template)
Konfigurasi
Buat folder project ejs, kemudian masuk kefolder tersebut
Kemudian jalan kan perintah "npm init -y"
Hasil nya akan seperti ini
kemudian kita install express-js "npm i express"
4.membuat file "index.js"
5.pada index, kita buat api kita saat ini pada port 8080
6.kemudian kita install ejs "npm install ejs"
7.untuk package ejs nya sendiri tidak perlu kita require namun menjadi seperti ini
Cara menggunakan EJS pada Express
pada dokumentasi express untuk menggunakan package ejs ini
Terdapat property views, dimana ada lokasi atau folder meletakkan file-file template, di dalam current directory "process.cwd()" dan di dalam folder "views", sehingga pada project kita harus buat suatu folder "views" yang di dalam views ini itu adalah file-file template yang akan di gunakan
jadi pada folder views kita buat file home dengan ekstensi ejs
untuk menampilkan home kita pada "" dilakukan seperti ini
karena kita ingin menampilkan suatu template maka kita menggunakan "res.render()", dan untuk path yang diberikan pada render tidak perlu full path "views/home.ejs" hanya perlu nama file "home.ejs" karena secara default express akan mengecek langsung ke views, kecuali jika kita ganti sendiri.
kita coba untuk jalankan, dengan menggunakan "nodemon" agar tidak jalankan ulang secara manual.
untuk install nodemon cukup gampang bisa di cek di link berikut
Hasil
yang artinya kita telah berhasil untuk mengimplementasikan ejs pada express kita.