Вывод данных из дб MySQL в инпуты hbs профиля

Question

Как мне вывести данные из MySQL с таблицей users и данными типа name, lastname, login и тп? Сама страница-это index.hbs. Каждому пользователю при регистрации присваивается уникальный id. Пользователь зарегистрирован, вход на страницу посредством jwt, cookies. В дальнейшем я планирую позволить пользователям редактировать данные введенные при регистрации, поэтому мне необходимо занести эти данные в профиль, пожалуйста, подскажите что необходимо сделать для достижения цели

const express =require("express");
const path = require("path");
const mysql = require("mysql");
const dotenv = require("dotenv");
const cookieParser = require('cookie-parser');

dotenv.config({ path: './.env'});

const app = express();

const db = mysql.createConnection({
    host: process.env.DATABASE_HOST,
    user: process.env.DATABASE_USER,
    password: process.env.DATABASE_PASSWORD,
    database: process.env.DATABASE
});

const publicDirectory = path.join(__dirname, './public');
app.use(express.static(publicDirectory));

//Parse URL-encoded bodies (as sent by HTML forms)
app.use(express.urlencoded ({ extended: false }));
//Parse JSON bodies (as sent by API clients)
app.use(express.json());
app.use(cookieParser());

app.set('view engine', 'hbs');

db.connect( (error) => {
    if(error) {
        console.log(error)
    } else {
        console.log("MYSQL Connected...")
    }
})



app.get('/index',(req, res) => {
    db.query('SELECT * FROM users WHERE id = ?',(err, result) => {
        if(err) {
            console.log(err);
            res.json({"error":true});
        }
        else {
            console.log(result);
            res.json(result);
        }
    });
});


//Define Routes
app.use('/', require('./routes/pages'));
app.use('/auth', require('./routes/auth'));





app.listen(5005, () => {
    console.log("Server started on Port 5005")
})

body{
    background-color: #515152;
    color: #fff;

}
a{
    color: #fff;
    text-decoration: none;
}
button{
    padding: 13px 35px;
    margin-bottom: 10px;
    font-size: 15px;
    border: 0;
}
input{
    text-decoration: none;
    padding: 10px 20px;
    margin: 10px 0;
    border: 1px solid #fff;
    background-color: #3a3a3b;
    font-size: 15px;
}
.form {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.form h1{
    padding: 0;
    margin: 30px 100px;
}
.log {
    height: 300px;
    width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #262626;
}
.reg {
    height: 730px;
    width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #262626;
}

.btn-1:hover {
    transition: 0.3s;
    background-color: #9a9b9c;
}
.btn-2:hover {
    transition: 0.3s;
    background-color: #9a9b9c;
}
.link-a:hover {
    transition: 0.3s;
    color: #a9aaab;
}

/*PROFILE*/
.cont {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: right;
}

nav {
    background-color: #3a3a3b;
    padding: 30px 60px;
    display: flex;
    justify-content: space-between;
}

nav ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

nav li {
    list-style: none;
}

nav li a{
    padding: 5px 8px;
}
.error {
    width: 500px;
    display: flex;
    position: absolute;
    left: 37%;
    justify-content: center;
    align-items: center;
    background-color: #ff1100;
}

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/style.css">
    <title>Document</title>
</head>
<body>
<nav>
    <ul>
        <h4>Synergy Project</h4>
        <li>
            <a href="/">Home</a>
            <a href="/login">Login</a>
            <a href="/register">Register</a>
        </li>
    </ul>
</nav>
<div class="cont">
<form action="" method="post" class="profile">
    <div class="edit">
        <label for="name">Имя</label>
        <input type="text" id="name" name="name" value="" required>
    </div>

    <div class="input-form">
        <label for="lastname">Фамилия</label>
        <input type="text" id="lastname" name="lastname" value="" required>
    </div>

    <div class="input-form">
        <label for="patronymic">Отчество</label>
        <input type="text" id="patronymic" name="patronymic" value="" required>
    </div>


    <div class="input-form">
        <label for="login">Логин</label>
        <input type="text" id="login" name="login" value="" required>
    </div>


    <div class="input-form">
        <label for="password">Пароль</label>
        <input type="password" id="password" name="password" value="" required>
    </div>







    <h2>Паспортные данные:</h2>

    <div class="input-form">
        <label for="series">Серия</label>
        <input type="text"  id="series" name="series" value="" required>
    </div>
    <div class="input-form">
        <label for="number">Номер</label>
        <input type="text"  id="number" name="number" value="" required>
    </div>
    <div class="input-form">
        <button type="submit" class="btn-2">Подтвердить</button>
    </div>

</form>
</div>
</body>
</html>

БЛОГ НА HUSL

Вывод данных из дб MySQL в инпуты hbs профиля

Ответы (0 шт):