دوره‌ها / Node.js / Template Engines (Template Engines)

Template Engines (Template Engines)

15 دقیقه Article

Template Engines: موتورهای قالب در Express.js 📄

Template Engines برای ساخت HTML dynamic استفاده میشن. بیایید یاد بگیریم!

نصب EJS:

// نصب EJS
// npm install ejs

const express = require('express');
const app = express();

// تنظیم EJS به عنوان view engine
app.set('view engine', 'ejs');
app.set('views', './views'); // مسیر فایل‌های template

استفاده از EJS:

// views/index.ejs

<html>
<head>
    <title><%= title %></title>
</head>
<body>
    
<%= title %>

    
    
        <% users.forEach(user => { %>
            
  • <%= user.name %>
    • 
        <% }); %>
    

</body>
</html>

// server.js
app.get('/', (req, res) => {
    res.render('index', {
        title: 'Home Page',
        users: [
            { name: 'John' },
            { name: 'Jane' }
        ]
    });
});

Template Engines دیگر:

  • EJS: Embedded JavaScript - ساده و شبیه HTML
  • Pug: Indentation-based - syntax مختصر
  • Handlebars: Mustache-based - logic-less
✅ یاد گرفتید: Template Engines برای ساخت dynamic HTML عالیه!

آماده رفتن به درس بعدی هستید؟

این درس را به پایان رساندید و می‌توانید به درس بعدی بروید.

برای ذخیره پیشرفت وارد شوید
درس قبلی درس بعدی