Как настроить View Engine в Node.js?

Опубликовано: 2 Августа, 2021

Механизмы просмотра полезны для рендеринга веб-страниц. На рынке доступно множество механизмов просмотра, таких как Mustache, Handlebars, EJS и т. Д., Но наиболее популярным среди них является EJS, который просто означает встроенный JavaScript. Это простой язык / движок шаблонов, который позволяет пользователю генерировать HTML с помощью простого javascript.

Установка модуля ejs:

Вы можете посетить ссылку Установить модуль ejs. Вы можете установить этот пакет с помощью следующей команды.
```
 npm установить ejs
```
После установки multer вы можете проверить свою версию ejs в командной строке с помощью команды.
```
 npm версия ejs
```
После этого вы можете просто создать папку и добавить файл, например app.js. Чтобы запустить этот файл, вам необходимо выполнить следующую команду.
```
 узел app.js
```
Чтобы настроить механизм просмотра, вам нужно записать это промежуточное ПО в свой index.js следующим образом:
```
 app.set ('просмотры', path.join (__ dirname, 'views'))
app.set ('механизм просмотра', 'ejs')
```
где путь - это глобальный объект, а __dirname содержит текущий адрес каталога. Просмотры - это папка, в которой будут храниться все наши веб-страницы.
Теперь создайте файл EJS, например Demo.ejs, и поместите этот файл в папку просмотров.

Имя файла: Demo.ejs

 <!DOCTYPE html>
 < html >
 < head >
    < title >View Engine Demo</ title >
 </ head >
 < body >
 
  <!- For printing variable these
      tags are used: <%= %> -->
  < h1 > <%= title %> </ h1 >
    
  <!- For business logic these
      tags are used: <% %> -->
  <% if(true){ %>
      < h4 >Greetings from geeksforgeeks</ h4 >
  <% } %>
 </ body >
 </ html > 

Имя файла: app.js

 const express = require( 'express' )
 const path = require( 'path' )
 const app = express()
 
// View Engine Setup
 app.set( 'views' , path.join(__dirname, 'views' ))
 app.set( 'view engine' , 'ejs' )
 
app.get( '/' , function (req, res){
 
    // Rendering our web page ie Demo.ejs
    // and passing title variable through it
    res.render( 'Demo' , {
        title: 'View Engine Demo'
    })
 })
 
app.listen(8080, function (error){
    if (error) throw error
    console.log( "Server created Successfully" )
 })

Шаги по запуску программы:

Структура проекта будет выглядеть так:
Убедитесь, что у вас есть «движок просмотра», как я использовал «ejs», а также установите экспресс, используя следующие команды:
```
 npm установить ejs
npm установить экспресс
```
Запустите файл app.js, используя команду ниже:
```
 узел app.js 
```
Откройте браузер и введите этот URL:
```
 http: // локальный: 8080 /
```
Затем вы увидите страницу Demo.ejs, как показано ниже:

Вот как вы можете настроить механизм просмотра в node js. Существует множество других двигателей, таких как руль, усы и т. Д.

Node.js Вопросы о Web технологиях

Как настроить View Engine в Node.js?

РЕКОМЕНДУЕМЫЕ СТАТЬИ