EJS або Embedded Javascript Templating — це механізм створення шаблонів, який використовує Node.js. Механізм шаблонів допомагає створити шаблон HTML з мінімальною кількістю коду. Крім того, він може вводити дані в шаблон HTML на стороні клієнта та створювати остаточний HTML.

Етапи встановлення

Встановіть модуль за допомогою такої команди:

npm install ejs --save>

Примітка:

У наведених вище командах npm означає Node Package Manager, де зберігаються всі залежності. The
–save прапор більше не потрібен після Node 5.0.0, оскільки всі модулі, які ми встановлюємо, тепер автоматично додаватимуться до залежностей.

Для початку нам потрібно встановити EJS як наша система створення шаблонів Експрес . Express — це платформа сервера веб-додатків Node.js, призначена для створення односторінкових, багатосторінкових і гібридних веб-додатків. Це стало стандартною серверною структурою для Node.js .

Дані, передані з сервера, надсилаються у файл EJS, а потім ми можемо отримати доступ до цих даних за допомогою рядка нижче, і він передасть ці дані в h, p або інший текстовий тег.

>

Якщо ми хочемо використовувати ці дані для звичайних операцій js, таких як if-else і цикли або інші оператори програмування, ми можемо записати їх у такій формі:

 Cricket  Football>

Тепер, щоб отримати доступ до цих даних у тезі сценарію файлу EJS або файлу .js, усе, що вам потрібно зробити, це передати ці дані в іншу змінну, як показано нижче:

let data = ''>

Тепер ви можете виконувати будь-яку операцію зі змінною даних, яка має те саме значення, що й змінна даних, передана EJS.

приклад: Реалізація використання EJS у нашому проекті.

// Filename - index.js  // Set express as Node.js web application  // server framework.  // Install it using 'npm install express' command  // and require like this: let express = require('express');  let app = express();    // Set EJS as templating engine  app.set('view engine', 'ejs');  app.get('/', function(req, res) {   res.render('home', {name:'Chris Martin'}); });   // Server setup app.listen(3000, function(req, res) {  console.log('Connected on port:3000'); });>

Поведінка за замовчуванням EJS полягає в тому, що він переглядає папку «views» для відтворення шаблонів. Отже, давайте створимо папку «views» у нашій головній папці проекту вузла та створимо файл під назвою home.ejs, який буде обслуговуватися на певний запит у нашому проекті вузла.

     голова>   
Текст зі змінної EJS, переданий із сервера, = h2>
 <%=name%>h2> 
  
Текст із змінної EJS, переданий із тегу сценарію = h2>
h2> 
  
Текст із змінної EJS, переданий із тегу сценарію після маніпуляції = h2>
h2>