Question

我正在使用node.js，express，jade和mysql。

\\app.js
var db_config = {
host: 'localhost',
port: '3306',
[redacted]
};
var connection = mysql.createConnection(db_config);
...
app.get('/events', routes.events(connection));  


\\index.js
exports.events = function (db) {
return function (req, res) {

    db.connect(function (err) {
        if (err) {
            console.log('error\'d:', err);
        }
    });

    db.query('SELECT name FROM event', function (err, rows, fields) {
        if (err) throw err;
        else {
            console.log(rows);
            res.render('events', { "items": rows });
        }
    });
}  


\\events.jade
extends layout

block content
    h1.
        Events List
    ul
    - each event in items
        li = event

当我运行它时，控制台显示查询的结果，但是jade似乎拒绝重复它。我能找到的所有教程似乎都有与我相同的代码。我之前收到了错误：

5|         Events List
6|     ul
> 7|     - each event in items
8|             li event.name
Cannot read property 'length' of undefined

但不记得弹出时我在做什么。

目前控制台输出：

Express server listening on port 3000
[ { name: 'Test event' },
{ name: 'Test event 2' },
{ name: 'Test event 3' },
{ name: 'Woooh event' } ]
GET /events 200 364ms - 151b
GET /stylesheets/style.css 304 4ms

有人能发现我做错了吗？

Answer 1

尝试不使用' - '并使用全局变量locals：

    each event in locals.items

Answer 2

通过一些帮助进行排序

li #{event.name} 和
res.render('events', { "items": rows }); 而不是 res.render('events', { "items": JSON.stringify(rows) });

Answer 3

检查JSON.stringify();

尝试：

else {
    console.log(rows);
    res.render('events', { "items": JSON.stringify(rows)});
    }

Jade不会显示mysql的结果

3 个答案: