使用Node.js顯示MySQL數據

Question

我正在製作一個小腳本，當我按下提交時，我將表單數據輸入到數據庫表中。

我想要做的是顯示在下一頁即app.post增加的數據/表格

在我得到只是一個員工......與工資的那一刻...... ..添加 但我想顯示我剛添加的整行數據。

現在，我該怎麼做？ 這裏是我用來運行應用程序的server.js的代碼。

var express = require('express'); 
var path = require('path'); 
var bodyParser = require('body-parser'); 
var app = express(); 
var mysql = require('mysql'); 
var connection = mysql.createConnection({ 
    host:'localhost', 
    user:'root', 
    password:'', 
    database:'employees' 
}); 


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

app.get('/', function (req,res){ 
    res.sendFile(path.join(__dirname,'index.html')); 
}); 

app.get('/add-employee.html',function(req,res){ 
    res.sendFile(path.join(__dirname,'/add-employee.html')); 
}); 

app.post('/add-employee.html',function(req,res){ 
    res.status(200).send(); 
    console.log('employee '+req.body.name + ' added'); 
}); 

connection.connect(function(err){ 
    if(err){ 
     console.log('Error connecting to Db'); 
     return; 
    } 
    console.log('Connection established'); 
}); 

app.post('/form',function (req,res){ 
    //employee details from add-employee.html page 
var name=req.body.name; 
var designation = req.body.designation; 
var pan = req.body.pan; 
var aadhar = req.body.aadhar; 
var bank = req.body.bank; 
var salary = req.body.salary; 
var allowance = req.body.allowance; 
var esi = req.body.esi; 
var uan = req.body.uan; 

var details = {name:name,designation:designation,pan:pan,aadhar:aadhar, 
    bank:bank,salary:salary,allowance:allowance,esi:esi,uan:uan}; 

var query = connection.query('INSERT INTO employee_details SET ?',details,function(err,result){ 
    if(err){ 
     console.log(err); 
    } 
    console.log(query.sql); 
}); 

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

    console.log('Data received'); 
    console.log(rows); 
}); 


res.status(200).send('employee ' + name + 'with salary of '+salary+ ' added'); 
}); 




app.get('/add-company.html',function(req,res){ 
    res.sendFile(path.join(__dirname,'/add-company.html')); 
}); 

app.get('/style.css',function(req,res){ 
    res.sendFile(path.join(__dirname,'/style.css')); 
}); 

app.get('/main.js',function(req,res){ 
    res.sendFile(path.join(__dirname,'/main.js')); 
}); 

app.get('/cmain.js',function(req,res){ 
    res.sendFile(path.join(__dirname,'/cmain.js')); 
}); 

var port=8080; 
app.listen(8080,function(req,res){ 
    console.log(`Payroll app listening on port ${port}!`); 
}); 

我能夠在控制檯中看到select查詢中的行。 但問題是我不知道如何顯示在頁面本身。 我該怎麼做？

Answer 1

connection.query('INSERT INTO employee_details SET ?',details,function(err,result){ 
if(err){ 
    console.log(err); 
} 
else{ 
    res.status(200).send(result); 
} 
}); 

刪除以下部分，這將發送從那裏你叫這個API的結果，你可以顯示結果

Answer 2

您需要在插入後選擇。 注意查詢是異步的。

var query = connection.query('INSERT INTO employee_details SET ?',details,function(err,result){ 
     if(err){ 
      console.log(err); 
     } 
     console.log(query.sql); 

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

     console.log('Data received'); 
     console.log(rows); 
     res.status(200).send('employee ' + name + 'with salary of '+salary+ ' added'); 
    }); 
    });