template engines ใน ExpressJS

Template engines ใน ExpressJS เป็นเครื่องมือที่ช่วยให้นักพัฒนาสามารถแสดงข้อมูลไปยังผู้ใช้ในรูปแบบ HTML ได้ Template engines ทำงานโดยแทนที่ตัวแปรในไฟล์เทมเพลตด้วยข้อมูลจริง ข้อมูลจริงนี้สามารถมาจากฐานข้อมูล ไฟล์ JSON หรือตัวแปร JavaScript

ExpressJS มี template engines ในตัวมากมายที่คุณสามารถใช้ ได้แก่:

  • Pug: Template engine ที่คล้ายกับ Haml
  • EJS: Template engine ที่เรียบง่ายและมีประสิทธิภาพ
  • Handlebars: Template engine ที่ได้รับความนิยมและมีคุณสมบัติมากมาย
  • hbs: Adapter for Handlebars
  • Squirrelly: Template engine ที่รวดเร็วและมีประสิทธิภาพ

คุณสามารถเลือก template engine ที่เหมาะสมกับความต้องการของคุณ template engines แต่ละตัวมีจุดแข็งและจุดอ่อนที่แตกต่างกัน ตัวอย่างเช่น Pug นั้นดีสำหรับการสร้างหน้าเว็บที่เรียบง่ายและมีประสิทธิภาพ ในขณะที่ Handlebars นั้นดีสำหรับการสร้างหน้าเว็บที่มีเนื้อหามาก

เมื่อคุณเลือก template engine แล้ว คุณสามารถกำหนดค่า ExpressJS เพื่อใช้ template engine นั้น ในการทำเช่นนี้ ให้เรียกใช้ฟังก์ชัน app.set('view engine', 'template_engine_name')

ตัวอย่างเช่น โค้ดต่อไปนี้จะกำหนดค่า ExpressJS เพื่อใช้ template engine Pug:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
const express = require('express');

const app = express();

app.set('view engine', 'pug');

app.get('/', (req, res) => {
res.render('index.pug', {
title: 'Hello, World!'
});
});

app.listen(3000, () => {
console.log('Server started on port 3000');
});

โค้ดนี้จะใช้ template engine Pug เพื่อแสดงข้อความ “Hello, World!” ไปยังผู้ใช้

คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ template engines ใน ExpressJS ได้จากเอกสารประกอบของ ExpressJS