Вызовите app.use / app.post (который INSERT INTO в БД), чтобы получить значения формы

Question

Я создал app.use с express для вставки значений в базу данных.Я хочу получить эти значения, когда пользователь щелкает по регистру.

Моя форма:

<form class="form-signin" method="POST">
<h1 class="h3 mb-3 font-weight-normal">Register</h1>
<label for="inputEmail" id="lblEmail" class="sr-only">Email address</label>
<input type="email" id="inputEmail" class="form-control" placeholder="Email 
address" name="email" required autofocus>
<label for="inputPassword" class="sr-only">Password</label>
<input type="password" id="inputPassword" class="form-control" 
placeholder="Password" name="passworf" required>
<label for="repeatInputPassword" class="sr-only">Repeat Password</label>
<input type="password" id="repeatinputPassword" class="form-control" 
placeholder="Repeat Password" required>
<label for="name" class="sr-only">Name</label>
<input type="name" id="inputName" class="form-control" placeholder="Name" 
name="name" required>
<label for="surname" class="sr-only">Surname</label>
<input type="surname" id="inputSurname" class="form-control" 
placeholder="Surname" name="surname" required>
<div class="checkbox mb-3">
</div>
<button class="btn btn-lg btn-primary btnblock-" 
type="submit">Register</button>
<p class="mt-5 mb-3 text-muted">&copy; 2017-2018</p>
</form>

app.use используется для вставки значений в базу данных.Использую MySQL ниже:

var express = require('express');
var app = express();
var bodyParser = require('body-parser')
var http = require('http');
var urlencodedParser = bodyParser.urlencoded({extended: false});

app.use('/', urlencodedParser, function(req,res, next){
var adminUser = req.body.email;
var adminPass = req.body.password;
var adminName = req.body.name;
var adminSurname = req.body.surname;
console.log(req.body);
var sql = "INSERT INTO admins VALUES(null, ?, ?, ?, ?) ";
con.query(sql, [ adminUser, adminPass, adminName, adminSurname], 
  function(error, rows, fields){
    if(!!error) {
        console.log('Query Failed' + error.message);
    } else {
        console.log('Query Successful');
        console.log(rows.insertId);
        next();
    }
  });
 })

app.listen(5500);

Answer 1

Вам необходимо создать Экспресс POST-маршрут , который форма также может публиковать.

app.post('/', function (req, res) {
  // Process form here
  var adminUser = req.body.email;
  var adminPass = req.body.password;
  var adminName = req.body.name;
  var adminSurname = req.body.surname;
  // etc.
});

Путь должен соответствовать форме action attribute

Answer 2

Ваша форма должна отправлять запрос POST по тому же маршруту, который вы определили с помощью app.use(...).В этом случае ваша форма POST отправляется по тому же маршруту, на котором она находится, что означает, что она должна находиться на маршруте /, чтобы работать.

Измените app.use(...) на app.post(...)так что он обрабатывает только POST запросов, а затем отправляет html формы по тому же маршруту, используя:

app.get('/', function(req, res) {
  res.sendFile(path-to-form);
})

См .: https://codesandbox.io/s/won9jzj8k7