Перейти к содержанию

Шаблоны

В прошлой теме использовался файл html, который имел статичное неизменяющееся содержимое. Однако мы также можем применять специальные инструменты - шаблоны, вместо которых в файл будет вставляться какой-то определенный текст. Например, изменим файл index.html следующим образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<!DOCTYPE html>
<html>
    <head>
        <title>Главная</title>
        <meta charset="utf-8" />
    </head>
    <body>
        <h1>{header}</h1>
        <p>{message}</p>
    </body>
    <html></html>
</html>

Вместо конкретного содержимого здесь определены прейсхолдеры {header} и {message}, вместо которых может вставляться любой текст.

Изменим файл app.js:

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

http.createServer(function (request, response) {
    fs.readFile('index.html', 'utf8', function (
        error,
        data
    ) {
        let message = 'Изучаем Node.js';
        let header = 'Главная страница';
        data = data
            .replace('{header}', header)
            .replace('{message}', message);
        response.end(data);
    });
}).listen(3000);

Здесь получаем содержимое файла и проводим его дополнительную обработку, заменяя плейсхолдеры на конкретный текст с помощью метода data.replace().

При обращении к приложению мы получим полноценную html-страницу без плейсхолдеров:

3.5.png

Комментарии