mysql - 使用node js将数据从html表单发送到mysql数据库

Question

我正在制作一个应用程序，我想要一个注册页面。这是 html 表单:

<form method="post" action="/register">
  <p>Nom <input type='text' id="nom"></p>
  <p>Prénom <input type='text' id="prenom"></p>
  <p>Mot de passe <input type='text' id="mdp"></p>
  <p>Email <input type='text' id="email"></p>
  <input type="submit" value="Valider" id="envoyer">
 </form>

我的server.js:

var express = require('express');
var async = require('async');
var bodyParser = require("body-parser");
var mysql = require('mysql');
var hostname = 'localhost';
var port = 3000;
var app = express();

////////////////
//   MYSQL    //
////////////////

const connection = require('./config/database');

connection.connect(function (err){
    if (err) throw err;
    console.log("Le serveur s'est bien connecté sur la base de donnée MYSQL")
});

////////////////
//   ROUTING  //
////////////////

var home = require('./app/routes/home');
var login = require('./app/routes/users/login');
var register = require('./app/routes/users/register');

app.use(bodyParser.urlencoded({extended:true}));
app.use(bodyParser.json());

app.get('/', home);
app.get('/login/', login);
app.post('/register/', register);

////////////////
//   SERVER   //
////////////////

app.listen(port, hostname, function(){
    console.log("Mon serveur fonctionne sur http://"+ hostname +":"+port);
});

我的register.js:

module.exports = (function() {
    'use strict';

    const connection = require('../../../config/database');
    var router = require('express').Router();
    var User = require('../../models/User');

    router.get('/register', function(req, res) {
      console.log(req.body.firstname)
        User.addUser(req.query.firstname, req.query.lastname, req.query.email, req.query.password,function(err,rows){
          if(err)
          {
              return res.json({
                  'code':'500',
                  'success':'false',
                  'msg': err
              });
            }

            else{
                    return res.json({
                        'code':'200',
                        'success':'true',
                        'msg':'Bonjour '+rows[0].firstname+', vous avez bien été créé'
                    });
            }

        });
    });
    return router;
})();

我的用户.js:

  addUser:function(firstname,lastname,email,password,callback){

        return db.query
            (
              "INSERT INTO `users` VALUES (?,?,?,?)"
+                [firstname,lastname,email,password],
                callback
            );
    }, 

但是当我在表单中输入一些值时，我收到此错误:

The requested URL /register was not found on this server.

我不知道我在哪里遗漏了一些东西，有人有什么想法吗？

Answer 1

首先，您应该在定义路由时删除尾部斜杠:

app.post('/register', register);

在您的 server.js 文件中，您已经将/register 路由建立为 POST 路由，并将处理程序设置为您的 register.js 模块。请求数据直接发送到该函数，因此无需在其中设置新路由。以下是您的 register.js 的示例:

'use strict';

const connection = require('../../../config/database');
const User = require('../../models/User');

module.exports = function(req, res) {
    console.log(req.body.firstname);
    User.addUser(req.body.firstname, req.body.lastname, req.body.email, req.body.password,function(err,rows){
      if(err) {
        return res.status(500).json({
                'code':'500',
                'success':'false',
                'msg': err});
      } else {
        return res.status(200).json({
                'code':'200',
                 'success':'true',
                 'msg':'Bonjour '+rows[0].firstname+', vous avez bien été créé'});
      }
    });

  });
};

此外，在创建表单输入时，您必须为每个输入添加一个名称，以便服务器知道哪个属性是哪个属性。

因此，在“名字”输入中，将输入元素的名称属性设置为“名字”之类的内容。然后当服务器收到请求时，您可以访问req.body中的'firstname'。

您的 HTML 输入应如下所示:

<input type='text' name="firstname" id="someid">

然后在您的 register.js 中，您可以像这样访问该变量:

req.body.firstname