Просмотр данных из БД в NodeJS

Давайте сделаем страницу show.hbs для просмотра информации о конкретном юзере, которая будет оформлена в следующей верстке:

html<div>
  <h1>user1</h1>
  <p>
    age: <span class="age">23</span>,
    salary: <span class="salary">400</span>
  </p>
</div>

Пусть id нужного юзера передается через параметр маршрута. Получим его и запишем в переменную id:

app.jsapp.get('/show/:id', async function(req, res) {
  let id = req.params.id;
  
  res.render('show');
});

Сформируем запрос на получение этого юзера:

app.jsapp.get('/show/:id', async function(req, res) {
  let id = req.params.id;
  let query = `SELECT * FROM users WHERE id = ${id}`;

  let [results, fields] = await connection.query(query);
  console.log(results);
  res.render('show');
});

В переменной results будет храниться массив, состоящий только из одного объекта, поскольку из БД выбирается один юзер:

javascript[ {id: 1, name: 'user1', age: 23, salary: 400} ]

Для удобства объявим переменную result, в которую передадим первый и единственный объект из массива:

javascriptapp.get('/show/:id', async function(req, res) {
  let id = req.params.id;
  let query = SELECT name, age, salary FROM users WHERE id=${id};
  
  let [results, fields] = await connection.query(query);
    let result = results[0];
    res.render('show', {result: result});
});

Далее передадим переменную result в представление show.hbs, при этом ключи объекта запишем через точку:

views/show.hbs<div>
  <h1>{{ result.name }}</h1>
  <p>
    age: <span class="age">{{ result.age }}</span>,
    salary: <span class="salary">{{ result.salary }}</span>
  </p>
</div>

html<div>
  <p>
    имя: <span class="name">user1</span>
  </p>
  <p>
    возраст: <span class="age">23</span>,
    зарплата: <span class="salary">400$</span>,
  </p>
</div>

html<a href="/show/1">user1</a>
<a href="/show/2">user2</a>
<a href="/show/3">user3</a>