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

Question

我是新手，想用node.js创建一个基本的应用程序。

我在使用html代替jade的visual studio上使用node.js。我有一个名字，姓氏和性别的简单表格。我也设法使用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路由。

现在我们需要在快递服务器上处理该路线。您已有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('Save succesfull'); 
    }); 
});