javascript - 使用 Express 和 Node 将 json 文件发送到 pug 模板

Question

请原谅我，但我的表达方式还是有点新。我有一个运行简单主页的哈巴狗模板。在同一台服务器上，我有一个包含事件列表的 json 文件。我想将此 json 文件中的数据发送到 pug 模板并在 div 中对其进行迭代。我使用 fs 加载文件，使用 lodash map 将其映射到数组。我已经为 pug 文件创建了路径，但我不知道如何将两者链接在一起，即将我的 fs 函数中创建的数组传递给 jade 路径。到目前为止我有以下内容

var file = __dirname + '/events.json';
fs.readFile(file, 'utf8', function (err, data) {
if (err) {
  console.log('Error: ' + err);
  return;
}

var data = JSON.parse(data);

var newEventList = data.events.map(events => ({
    id: events.id ,
    name: events.name ,
    venue: events.place.name ,
    address: events.place.location.street + " " + events.place.location.city + " " + events.place.location.zip ,
    coverPicture: events.coverPicture ,
    description: events.description ,
    startTime: events.startTime ,
    endTime: events.endTime
 }));
});


app.get('/', function (req, res) {
 res.render('index', { title: 'Hey', message: 'Hello there!', 
   newEventList })
  })

有人能指出我正确的方向吗？此刻我得到了

ReferenceError: newEventList is not defined

所以我想我需要一种方法让路由看到 newEventList 数组。谢谢。

Answer 1

你正在做的事情不起作用，因为:

a) 您没有对 readFile 回调中的 data 参数执行任何操作

b) node.js 是异步的，因此数据的解析以及 app.get 都会在回调完成之前运行

一个简单的解决方案就是替换所有这些:

var file = __dirname + '/events.json';
fs.readFile(file, 'utf8', function (err, data) {
if (err) {
  console.log('Error: ' + err);
  return;
}

与

var data = require('./events.json') 

它将同步运行，以便变量data始终可用。

或者，如果您出于任何原因(出于练习和理解或其他原因)想要使用 fs，您将需要在 app.get( 的回调中完成所有这些操作) '/')。并将您返回的数据分配给回调内部的变量。

希望这是有道理的吗？