Как создать форму входа в систему Express JS или Node JS?

Question

Express JS - популярный фреймворк Node JS для создания веб-приложений и Restful API. Поскольку он используется для сценариев бэкэнда, обработка форм является его важной частью. Я хотел бы знать, как мы можем создать форму входа и обработать ее.

Answer 1

Я использовал Механизм шаблонизации Pug , чтобы упростить HTML.

doctype html
html
    head
        title Login Form
    body
        form(method="POST", action="/submit")
            label(for = "username") Username:
            input(type = "text", name = "username")
            br
            label(for = "password") Password:
            input(type = "password", name = "password")
            br
            input(type = "submit", name = "submit", value = "submit")

Ниже приведен код Express JS или Node JS для обработки вышеуказанной формы.

let express = require('express');
let app = express();
let multer = require('multer');
let bodyParser = require('body-parser');
app.set('view engine', 'pug');
app.set('views','./views');
app.use('/static', express.static('public'));
app.use(multer().array());
app.use(bodyParser.urlencoded({extended: true}));
app.use(bodyParser.json());

app.get('/', function(request, response){
    console.log(request.body);
    response.render('login');
});
app.post('/submit', function(request, response){
    console.log(request.body);
    response.send("Data for " + request.body.username + " submitted successfully!");
});
app.listen(3000);

Справка: Как создать и обработать форму входа в систему Express JS или Node JS