Формирование HTML по запросу в Express

Пусть у нас есть некоторый маршрут:

app.get('/test/', function(req, res) { });

Пусть у нас также есть переменная с некоторым HTML кодом:

let str = `<div> <p>text1</p> <p>text2</p> <p>text3</p> </div>`;

Давайте вернем этот HTML из переменной в качестве нашего ответа:

app.get('/test/', function(req, res) { res.send(str); });

Массивы

Пусть у нас есть массив:

let arr = ['a', 'b', 'c'];

Давайте с помощью цикла сформируем из элементов этого массива список ul и отправим его в браузер:

let arr = ['a', 'b', 'c']; app.get('/test/', function(req, res) { let result = '<ul>'; for (let elem of arr) { result += '<li>' + elem + '</li>'; } result += '</ul>'; res.send(result); });

Дан следующий массив:

let users = ['user1', 'user2', 'user3', 'user4', 'user5'];

Создайте маршрут, который будет отправлять в браузер запрошенный элемент этого массива.

Массив объектов

Пусть теперь у нас есть следующий массив объектов:

let prods = [ { name: 'prod1', cost: 1000, }, { name: 'prod2', cost: 2000, }, { name: 'prod3', cost: 3000, }, ];

Давайте также сделаем маршрут, возвращающий все продукты в виде списка ul:

app.get('/prods/', function(req, res) { let result = '<ul>'; for (let prod of prods) { result += '<li>' + prod.name + ' ' + prod.cost + '</li>'; } result += '</ul>'; res.send(result); });

Дан следующий массив объектов:

let users = [ { name: 'user1', age: 31, }, { name: 'user2', age: 32, }, { name: 'user3', age: 33, }, ];

Сделайте маршрут, возвращающий всех юзеров в виде списка ul.

Дан следующий массив объектов:

let employees = [ { surname: 'surname1', name: 'user1', salary: 1000, }, { surname: 'surname2', name: 'user2', salary: 2000, }, { surname: 'surname3', name: 'user3', salary: 3000, }, ];

Сделайте маршрут, возвращающий всех работников в виде HTML таблицы.