介绍
wlh-express-flash 是一款基于 Express 框架的 flash 消息组件库，用于统一处理服务器返回的成功或错误消息。使用它，可以在前端页面上显示一些短暂的提示信息，让用户更直观地了解操作结果。
安装
可以用 npm 命令进行安装：
npm install wlh-express-flash
如果使用 yarn，也可以这样安装：
yarn add wlh-express-flash
使用
引入 wlh-express-flash
首先，需要在 Express 的 app.js 文件中引入 wlh-express-flash：
const flash = require('wlh-express-flash');使用 wlh-express-flash
在 Express 路由中，可以使用以下代码进行使用：
router.get('/', function(req, res) {
// 设置消息，type 为成功消息
req.flash('success', '操作成功！');
// 或者设置消息，type 为错误消息
req.flash('error', '操作失败！');
});在后续的路由中，可以通过 req.flash() 函数读取消息。消息读取后将会从内存中删除，因此只能读取一次。以下是一个获取消息的示例：
router.get('/message', function(req, res) {
let successMessage = req.flash('success');
let errorMessage = req.flash('error');
res.render('message', {successMessage, errorMessage});
});以上代码中，将成功消息和错误消息传入到 message.ejs 页面中。
在页面中显示消息
在前端页面中，我们可以通过 EJS 模板引擎来显示消息。以下是一个显示消息的示例：
<% if (successMessage) { %>
<div class="alert alert-success"><%= successMessage %></div>
<% } %>
<% if (errorMessage) { %>
<div class="alert alert-danger"><%= errorMessage %></div>
<% } %>以上代码中，如果存在 successMessage 或 errorMessage，则会显示一段提示信息，分别使用了 alert-success 和 alert-danger 两种样式。
总结
以上就是 wlh-express-flash 的使用教程。通过使用 wlh-express-flash，我们可以快速地为 Express 应用程序添加提示消息功能。当然，除了 wlh-express-flash 外，还有许多其他的消息组件库可供使用，因此需要根据自己的需求进行选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710f8dd3466f61ffe240