Menggunakan Template dengan Express

Template dimaksudkan agar jika hanya ada sebagian data yang berubah, kita hanya akan menggunakan file yang sama dengan hanya mengganti konten yang berubah saja.

Beberapa bahasa templating adalah

  • Handlebars
  • EJS
  • Pug

Kali ini kita akan menggunakan Pug, karena ini adalah yang paling sering digunakan. Mari kita lihat contohnya

h1 Halo teman-teman!
ul
    li hikmat
    li tamkih
    li mathik

// akan setara dengan
<h1>Halo teman-teman</h1>
<ul>
    <li>hikmat</>
    <li>tamkih</>
    <li>mathik</>
</ul>

 html(lang="en")
  head
  body
   div.wrapper             // .wrapper
    div#mainContent Hi!    // #mainContent

 //akan setara dengan
 <html lang="en">
  <head></head>
  <body>
   <div class="wrapper">
    <div id="mainContent">Hi!</div>
   </div>
  </body>

results matching ""

    No results matching ""