Как настроить механизм просмотра ручек в Node.js?

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

Handlebars - это широко используемый и простой в использовании шаблонизатор. Страницы содержат расширение .hbs, и на рынке есть много других шаблонизаторов, таких как EJS, Mustache и т. Д.

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

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

Имя файла: Home.hbs

 <!DOCTYPE html>
 < html >
 < head >
    < title >Handlebars Demo</ title >
 </ head >
 < body >
 
    <!-- For loop demo -->
    {{#each array}}
      < h4 >{{this}}</ h4 >
    {{/each}}
    < h4 >{{message}}</ h4 >
 </ body >
 </ html > 

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

 const express = require( 'express' )
 const path = require( 'path' )
 const hbs = require( 'hbs' )
 const app = express()
 
// View Engine Setup
 app.set( 'views' , path.join(__dirname))
 app.set( 'view engine' , 'hbs' )
 
app.get( '/' , function (req, res){
    res.render( 'Home' , {
       array: [ 'One' , 'Two' , 'Three' , 'Four' ],
       message: 'Greetings from geekforgeeks'
    })
 })
 
app.listen(8080, function (error){
    if (error) throw error
    console.log( "Server created Successfully" )
 })

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

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

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

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

Как настроить механизм просмотра ручек в Node.js?

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