使用 Node.js 将表单数据发布到 MySQL

Question

我正在尝试在 Node 中编写一个简单的 server.js，它将表单数据从我的 html 文件发布到 MySQL。但我收到语法错误。我在下面发布了代码和错误。我正在努力解决这个问题。

错误

http://localhost:3000/submit

Error: No default engine was specified and no extension was provided.
    at new View (C:\website\node_modules\express\lib\view.js:61:11)
    at Function.render (C:\website\node_modules\express\lib\application.js:570:12)
    at ServerResponse.render (C:\website\node_modules\express\lib\response.js:1008:7)
    at C:\website\index.js:21:9
    at Layer.handle [as handle_request] (C:\website\node_modules\express\lib\router\layer.js:95:5)
    at next (C:\website\node_modules\express\lib\router\route.js:137:13)
    at Route.dispatch (C:\website\node_modules\express\lib\router\route.js:112:3)
    at Layer.handle [as handle_request] (C:\website\node_modules\express\lib\router\layer.js:95:5)
    at C:\website\node_modules\express\lib\router\index.js:281:22
    at Function.process_params (C:\website\node_modules\express\lib\router\index.js:335:12)

index.html

<form action="/submit" method="post">
    <input id="name" type="text" name="name" placeholder="Type your name...">
    <input id="message" type="text" name="message" placeholder="Type message...">
    <input class="submit_message" type="submit" value="Send">
</form>

index.js

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

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));
app.use(express.static('public'));

var connection = mysql.createConnection({
    host: "localhost",
    user: "root",
    password: "",
    database: "mywebsite"
});

connection.connect();

app.get('/submit',function(req,res) {
    res.render('index');
});

app.post('/submit',urlencodedParser, function(req, res, next) {
    console.log(req.body.name);
    console.log(req.body.message);
    connection.connect(function(err) {
        if (err) throw  err;
        console.log("connected");
        var sql = "INSERT INTO `users` (`name`,`message`) VALUES ('" + req.body.name + "', '" + req.body.message + "')";
        con.query(sql, function(err, result)  {
            if(err) throw err;
            console.log("table created");
        });
    });
    res.render('index', {title: 'Express'});
});

connection.end();

app.listen(3000, function () {
    console.log('Listening on port 3000');
});

MySQL 数据库

这就是我的数据库的样子

Answer 1

根据指定的问题，我已经重构了您的代码。例如-您需要在公共目录中提及我们所有的静态内容（即您的 index.html），而且您已经完成了语法错误，即您已编写 con.query(sql, function(err, result) 而不是 connection.query(sql, function (err, result)，而不是将 index.html 文件呈现为你做了res.render('index', {title: 'Express'}); 最好将文件发送到@Pogrindis 指定的public/index.html res.sendFile('public/index.html', { root: __dirname });

---

var express = require('express');
var app = express();
var mysql = require('mysql');

var connection = mysql.createConnection({
    host: "localhost",
    user: "root",
    password: "",
    database: "mywebsite"
});


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

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(express.static('public'));

app.set('view engine', 'jade');
app.use(express.static(__dirname + '/public'));

app.get('/', function (req, res) {
    res.render('index.html');
});

app.post('/submit', urlencodedParser, function (req, res) {
    console.log("Im here");
    console.log(req.body.name);
    console.log(req.body.message);
    connection.connect(function (err) {
        if (err) throw err;
        console.log("connected");
        var sql = "INSERT INTO `users` (`name`,`message`) VALUES ('" + req.body.name + "', '" + req.body.message + "')";
        connection.query(sql, function (err, result) {
            if (err) throw err;
            console.log("table created");
        });
    });
    res.sendFile('public/index.html', { root: __dirname });
});


app.listen(3000, function () {
    console.log('Listening on port 3000');
});

请按照以下文件路径：

我成功地将数据保存到从 index.html 中的输入文本框（名称、消息）输入的数据库中。 编码愉快！！