Question

我一直在研究Alex Young使用flash messages的教程。根据本教程，可以使用dynamicHelpers覆盖默认的flash消息格式。遗憾的是，没有提供有关正在发生的事情的详细信息，也无法在教程页面上发布任何评论以询问相关问题。

我看不到的是文件'app.js'中对req.flash（）的调用与文件'helpers.js'中导出的FlashMessage对象之间的关系。为什么定期调用req.flash（）（这是express.js中的标准函数），首先会链接到这个FlashMessage原型？当我查看代码时，我看不出这是怎么回事。

起初我认为FlashMessage对象可能已经由express.js提供给req.flash（），在这种情况下，我们只是在我们的帮助文件中扩展或覆盖它。这个问题是我在express.js的源代码中找不到对FlashMessage的任何引用。

如果有人能向我解释，我将非常感激。

通过调用：

在文件'apps.js'中设置flash消息

req.flash('info', 'Document created.');

FlashMessage对象导出'helpers.js'：

FlashMessage.prototype = {
  // Get css definition string for icon.
  get icon() {
    switch (this.type) {
      case 'info':
        return 'ui-icon-info';
      case 'error':
        return 'ui-icon-alert';
    }
  },

  // Get css class for message container.
  get stateClass() {
    switch (this.type) {
      case 'info':
        return 'ui-state-highlight';
      case 'error':
        return 'ui-state-error';
    }
  },

  // Returns HTML formatted message.
  toHTML: function() {
    return '<div class="ui-widget flash">' +
           '<div class="' + this.stateClass + ' ui-corner-all">' +
           '<p><span class="ui-icon ' + this.icon + '"></span>' + this.messages.join(', ') + '</p>' +
           '</div>' +
           '</div>';
  }
};

exports.dynamicHelpers = {
  flashMessages: function(req, res) {
    var html = '';
    ['error', 'info'].forEach(function(type) {
      var messages = req.flash(type);
      if (messages.length > 0) {
        html += new FlashMessage(type, messages).toHTML();
      }
    });
    return html;
  }
};

在app.js文件中，调用req.flash的完整路由功能如下：

// Attach dynamicHelpers to app.
app.dynamicHelpers(require('./helpers.js').dynamicHelpers);

// Routing function which calls req.flash.
app.post('/documents', loadUser, function(req, res) {
  // Create Document object and assign value.
  console.log('Document content: %s', req.body['document']);
  var document = new Document(req.body['document']);
  document.save(function() {
      // Redirect to another page.
      req.flash('info', 'Document created.');
      res.redirect('/documents');
    }
  });
});

Answer 1

这里有两件不同的事情：

a）req.flash（）由Express本身实现 - 不是你，你只是使用那个功能
b）你的动态助手：

从快速指南：

动态视图助手只是接受req，res和的函数在呈现视图之前对Server实例进行评估。该函数的返回值成为它的局部变量与。相关联。

app.dynamicHelpers({
  session: function(req, res){
    return req.session;
  }
});

让我们将其“翻译”到您的代码中：

// Attach dynamicHelpers to app.
app.dynamicHelpers(require('./helpers.js').dynamicHelpers);

这意味着当您在视图代码中调用变量flashMessages时，您将获得定义的那些Flash变量的html表示。

所以这里最重要的是要考虑你只使用req.flash（），而不是实现它。您正在实现使用该功能的帮助程序。

如何使用动态帮助器覆盖express.js中的flash消息？

1 个答案: