Membuat Fungsi Dalam Template Handlebars Node Js

cara menciptakan kebijaksanaan gres di template express hbs - Selamat tiba di artikel TB kali ini! Artikel ini akan membahas perihal pemrograman web berbasis server node js. Terkhususnya, artikel ini akan menawarkan solusi untuk dilema yang muncul saat memakai package express-handlebars untuk sisi frontend web.

Apa itu express handlebars?

Express Handlebars biasa disebut juga HBS, ialah package node js yang memudahkan setiap web developer untuk mengirim data dari backend (server) ke frontend (client). Templating di dalam file HBS hampir sama dengan templating di blade framework laravel.

Baca Juga

Berikut ini teladan dari halaman HBS

Contoh Halaman HBS

Cara kerja dari HBS ialah sebagai berikut. Seluruh kebijaksanaan (function) yang ingin ditampilkan di halaman web dibungkus dalam sebuah object json. Kemudian HBS tinggal memanggil data tersebut dengan kurung kurawal menyerupai ini {{ }} dimana didalamnya berisi key json yang berisi function yang sudah dibentuk sebelumnya diserver.

Baca Juga: Cara Mengamankan HTTP Request Express Node

Dengan cara kerja menyerupai ini, tampaknya sulit untuk menciptakan variabel gres atau kebijaksanaan gres di template hbs. Tapi tenang, artikel ini akan menjelaskan bagaimana solusinya.

HBS Helper
Solusinya ialah dengan memakai Helper. Helper function pelengkap kita sendiri yang dapat ditampilkan di template HBS. Dengan helper ini juga kita dapat mengubah return dari function bawaan express handlebars.

Berikut ini teladan pengaplikasian HBS helper di Node JS.

SERVER

res.render('/',{         helpers:{           aku_sebuah_function: function(status,msg){             if(status === '1') return msg           }         }       })

lalu cara menampilkan helper yang sudah dibentuk ialah menyerupai berikut.

CLIENT

<div>{{aku_sebuah_function 1 'Hanya Tampil Jika Statusnya 1'}}</div>

Jika biasanya format function menyerupai ini:

function nama(parameter,parameter_lain)

tetapi di template HBS, untuk menampilkan function dari helper cukup menyerupai ini:

{{nama parameter parameter_lain}}

Oke, sekian artikel kali ini perihal cara menciptakan kebijaksanaan atau function gres didalam template hbs express node js. Semoga artikel ini bermanfaat! Terima kasih!
Sumber https://teziger.blogspot.com/