Apakah yang dilakukan oleh templat nodejs?

Templat Node.js ialah bahagian penting dalam mencipta aplikasi web, memudahkan pembangun mengurus dan memaparkan HTML, CSS dan JavaScript. Tujuan templat Node.js adalah untuk memisahkan data daripada logik pemprosesan aplikasi dan memisahkannya daripada antara muka. Pemisahan ini membolehkan pembangun mengurus kod dengan lebih baik dan membuat perubahan serta penyelenggaraan lebih mudah. Dalam artikel ini, kami akan melihat dengan lebih dekat templat Node.js, meneroka kegunaannya dan cara menggunakannya untuk membina aplikasi web.

Apakah templat Node.js?

Templat Node.js boleh mempraproses data dalam kod sebelum memaparkannya pada halaman aplikasi web. Templat Node.js biasanya rentetan yang mengandungi kod HTML, CSS dan JavaScript yang digantikan oleh ruang letak melalui simbol atau sintaks tertentu. Pemegang tempat terdiri daripada penanda sintaks tertentu, biasanya simbol seperti pendakap kerinting, tanda lebih besar daripada dan tanda peratus. Pada masa jalanan, pemegang tempat digantikan dengan data sebenar dan kandungan halaman akhir dijana.

Mengapa anda memerlukan templat Node.js?

Dalam pembangunan web tradisional, mencampurkan logik perniagaan aplikasi anda dengan HTML dan CSS boleh menghasilkan kod yang tidak kemas. Jika aplikasi memerlukan pengubahsuaian atau penyusunan semula HTML/CSS, pengubahsuaian mungkin perlu dibuat di seluruh pangkalan kod, yang boleh membawa kepada pepijat dan kod yang sukar diselenggara. Oleh itu, menggunakan enjin templat boleh memisahkan data dan kod halaman, menjadikan kod lebih mudah untuk dikembangkan dan diselenggara.

Penggunaan Templat Node.js

Terdapat banyak pilihan berbeza untuk enjin templat Node.js, masing-masing dengan sintaks dan fungsi uniknya sendiri. Berikut ialah beberapa enjin templat Node.js yang paling popular dan penggunaannya.

1. EJS

EJS (JavaScript Terbenam) ialah enjin templat JavaScript yang membenarkan kod JavaScript dibenamkan dalam kod HTML menggunakan JavaScript. Ini menjadikan EJS amat berguna apabila berurusan dengan antara muka aplikasi, kerana ia boleh menggunakan JavaScript untuk menyepadukan fungsi lain seperti pertanyaan pangkalan data, pengiraan, dsb.

Apabila menggunakan EJS, kita boleh menggunakan panggilan fungsi seperti JavaScript untuk mengeluarkan HTML.

const ejs = require('ejs');
const template = `<h1><%= message %></h1>`;
const data = {message: 'Hello EJS'};
const html = ejs.render(template, data);
console.log(html);

Dalam contoh ini, kami hanya menggantikan beberapa data teks dengan pembolehubah yang ditakrifkan dalam rentetan templat.

2. Hendal

Hendal ialah enjin templat JavaScript berdasarkan templat Misai yang boleh menjana serpihan HTML. Dalam Handlebars, anda boleh menggunakan simbol {{}} dan simbol # untuk merujuk pembolehubah dan struktur kawalan, seperti jika dan untuk gelung.

Berikut ialah templat Handlebar untuk membina senarai artikel.

<ul>
 {{ #each articles }}
  <li><a href="{{ url }}">{{ title }}</a></li>
 {{ /each }}
</ul>

Dalam contoh ini, gunakan #each untuk sepadan dengan setiap artikel dalam tatasusunan artikel dan keluarkan tajuk dan URL artikel.

3. Jade (kini dipanggil Pug)

Jade (kini dipanggil Pug) ialah enjin templat yang serupa dengan HAML. Ia sesuai untuk pembangunan pesat aplikasi web kerana ia memudahkan sintaks HTML, menjadikan kod lebih bersih.

Berikut ialah halaman borang ringkas yang ditulis dalam Pug.

form(action="/submit-form", method="post")
  label(for="id-email") Email:
  input(name="email", id="id-email", type="email", required)
  br
  label(for="id-password") Password:
  input(name="password", id="id-password", type="password", required)
  br
  button(type="submit") Submit

Dalam contoh ini, kita dapat melihat cara menggunakan lekukan untuk mewakili hierarki.

Ringkasan

Enjin templat merupakan bahagian penting dalam membina aplikasi web kerana ia boleh mengurus dan memaparkan HTML, CSS dan JavaScript dengan mudah. Menggunakan enjin templat memisahkan logik aplikasi daripada antara mukanya, menjadikan kod lebih mudah untuk ditulis dan diselenggara. Terdapat banyak enjin templat Node.js yang berbeza untuk dipilih, masing-masing dengan sintaks dan fungsi uniknya sendiri, dan pembangun boleh memilih salah satu daripadanya berdasarkan keperluan mereka.

Atas ialah kandungan terperinci Apakah yang dilakukan oleh templat nodejs?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!