摘要:本文主要向大家介绍了Flash基础入门之NodeJS+Express中集成Flash消息,通过具体的内容向大家展现,希望对大家学习Flash基础入门有所帮助。
本文主要向大家介绍了Flash基础入门之NodeJS+Express中集成Flash消息,通过具体的内容向大家展现,希望对大家学习Flash基础入门有所帮助。
flash消息用于重定向跳转时传递消息,在Express中集成方法如下:
安装connect-flash
中间件
npm install --save connect-flash
在main js 中引入(通常是app.js
或者项目名.js
文件)中间件并加载
var flash = require('connect-flash');
app.use(flash());
到这里,我们的集成工作已经完成,就可以在router
中使用类似req.flash('flash_success_message', '文章添加成功!');
传递flash消息了!
下面教大家如何完整定义一套flash message
前后端解决方案。
一套完整的flash解决方案我的理解是:
后端发送flash message
,前端动态响应flash message
一次。
为什么说是“一次”呢?举个栗子:
当我们开发删除数据功能时,通常会这么做:点击删除按钮,将数据ID
传递到后端,后端通过id,将数据从数据库里删除,并重定向redirect
到数据列表页,重定向的时候,我们可以发送一条flash message
,告诉用户数据删除成功。这个时候,当我们再次刷新数据列表页时,将不会出现之前那条flash message
。
下面我们开始处理整套flash message
流程:
在main js(通常是app.js
或者项目名.js
文件)中所有的路由的最上面加入flash message
处理中间件:
app.use(function (req, res, next) {
res.locals.flash_success_message = req.flash('flash_success_message');
res.locals.flash_error_message = req.flash('flash_error_message');
next();
});
一定要放到所有路由的最上面,因为express处理请求是由上往下,这样可以将所有的请求都过滤一遍。
在页面中统一处理
我用的是express-handlebars
和bootstrap
,所以处理方式如下:
{{#if flash_success_error}}
<div class="alert alert-danger alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<strong>错误!</strong> {{flash_success_error}}.
</div>
{{/if}}
{{#if flash_success_message}}
<div class="alert alert-success alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<strong>恭喜!</strong> {{flash_success_message}}.
</div>
{{/if}}
具体意思就是:前端视图中动态判断中间件中定义的flash_success_error
和flash_success_message
两个变量,如果有值,就将其对应的内容渲染处理。
至此,整个开发过程完毕。
以上就介绍了Flash的相关知识,希望对Flash有兴趣的朋友有所帮助。了解更多内容,请关注职坐标常用软件Flash频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号