使用 node.js 将数据添加到 mysql 数据库

Question

我是编程新手，正在尝试使用 node.js 创建一个基本应用程序。

我在 Visual Studio 上使用 node.js 与 html 而不是玉。我有一个简单的表格，上面有名字、姓氏和性别。我还设法用 mysql 工作台建立了一个数据库。

我有以下查询，当我运行代码时，它成功地将姓名、姓氏和性别添加到 mysql 数据库中。

var user = { "name": "Name", "surname": "Surname", "gender" : "M" };
    connection.query('INSERT INTO studentinfo SET ?', user, function (err, res) {
    if (err) throw err;
});

但是当我单击提交按钮时必须从表单中收集数据时，我被卡住了。

我猜它与 Ajax 有关，我找到了一些使用 php 的解决方案，但我正在努力寻找使用 node.js 的解决方案以及如何以及在何处实现代码。

这里是 app.js 文件

/**
 * Module dependencies.
 */

var express = require('express');
var routes = require('./routes');
var http = require('http');
var path = require('path');
var mysql = require('mysql');

var app = express();

var connection = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: 'my_password',
    database: 'userlist',
});

connection.connect();

var user = { "name": "RandomName", "surname": "RandomSurnameName", "gender" : "M" };
connection.query('INSERT INTO studentinfo SET ?', user, function (err, res) {
    if (err) throw err;


});



//connection.query('SELECT * FROM studentinfo', function (err, rows) {
//    if (err) throw err;

//    console.log('Data received from Db:\n');
//    console.log(rows);
//});





// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.engine('html', require('ejs').renderFile);
app.set('view engine', 'html');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.json());
app.use(express.urlencoded());
app.use(express.methodOverride());
app.use(app.router);
app.use(require('stylus').middleware(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname, 'public')));
// development only
if ('development' == app.get('env')) {
    app.use(express.errorHandler());
}

app.get('/', routes.index);
app.get('/about', routes.about);
app.get('/contact', routes.contact);
app.get('/newStudent', routes.newStudent);

http.createServer(app).listen(app.get('port'), function () {
    console.log('Express server listening on port ' + app.get('port'));
});


var createStudent = {

    name: String,
    surname: String,
    dob: Date,
    gender: String,

}


connection.query('insert into userlist set ?', createStudent, function (err, result) {

});

Answer 1

好的，让我们试一试。

在 HTML 页面上，您需要提交学生详细信息。一个非常非常基本的表格如下所示：

<form action="/student" method="post">
  First name:<br>
  <input type="text" name="name"<br>
  Last name:<br>
  <input type="text" name="surname"><br>
  Date of birth:<br>
  <input type="text" name="dob"<br>
  Gender:<br>
  <input type="text" name="gender"><br><br>
  <input type="submit" value="Submit">
</form>

这显然过于简单了，但它可以解决问题。所以你有一些框和一个按钮，将POST这个数据到你的服务器/student路由。

现在我们需要在 express 服务器上处理该路由。你已经有了GET 路由，所以添加这个：

app.post('/', function (req, res) {
  // this is where you handle the POST request.
  var createStudent = {
    name: req.body.name,
    surname: req.body.surname,
    dob: req.body.dob,
    gender: req.body.gender
   }
   // now the createStudent is an object you can use in your database insert logic.
   connection.query('INSERT INTO studentinfo SET ?', createStudent, function (err, resp) {
     if (err) throw err;
     // if there are no errors send an OK message.
     res.send('Saved succesfully');
   });
 });