如何在keystone.js中使用flash消息？

Question

我使用此代码显示 Flash消息

req.flash('success', 'Data saved...!!!');

当显示flash消息时，它看起来像是网站内容的一部分。那么，还有其他方法可以在keystone.js。

中显示消息

Answer 1

您只需要一些CSS就可以将其固定在屏幕中央，而不是其他所有内容：

#flash-messages {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  display: block;
  z-index: 9999999;
  text-align: center;
}

.alert{
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.34);
  color: #fff;

  h4 {
    font-size: 4rem;
  }
}
.alert-warning {
  background-color: #d80000;
  border-color: #9c0000;
}
.alert-success {
  background-color: #2c9800;
  border-color: #247d00;
}

Answer 2

对于FlashMessage，它看起来像网站的一部分
您在生成器的视图中导入/包含了FlashMessage Mixin / Component，否则它将无法显示。

有关如何使用FlashMessage
1.将FlashMessage Mixin包含在您想要的位置 2.条件匹配时，在控制器./routes/views/*.js中触发FlashMessage API。

- `true` send all error messages to `req.flash`  
- `"validation"` only send validation error messages to `req.flash`\
- `"update"` only send update errors to `req.flash`

3.消息数据将在res.locals.messages中提供给View使用。