本文实例讲述了Vue+Node实现的商城用户管理功能。分享给大家供大家参考，具体如下：
1、用户登陆
前端将用户输入的用户名密码post发送到后端，如果返回status=0，代表登陆成功，将hasLogin置为true，控制页面登陆按钮不显示，并显示返回的用户名nickname
login(){
if(!this.username||!this.password){
this.errMsg="请输入用户名与密码！";
this.errShow=true;
}else{
axios.post('/users/login',{
username:this.username,
password:this.password
}).then((response,err)=>{
let res=response.data;
if(res.status===0){
this.hasLogin=true;
this.nickname=res.result;
this.closeLogin();
}else{
this.errShow=true;
this.errMsg=res.msg;
}
})
}
},
后端根据前端传来的用户名、密码在数据库中查找指定条目，查询成功返回status=0，并设置res的cookie保存用户名与Id
router.post('/login', function(req, res, next) {
let username=req.body.username;
let password=req.body.password;
let params={
userName:username,
userPwd:password
};
user.findOne(params,(err,userDoc)=>{
"use strict";
if(err){
res.json({
status:1,
msg:err.message
})
}else {
if(userDoc){
//登陆成功后设置res.cookie与req.session
res.cookie('userId',userDoc.userId,{
maxAge:1000*60*60
});
res.cookie('userName',userDoc.userName,{
maxAge:1000*60*60
});
res.json({
status:0,
msg:'登陆成功',
result:userDoc.userName
});
}else{
res.json({
status:1,
msg:'用户名或密码错误！'
});
}
}
})
});
2、服务器Express全局拦截
一些内容在用户未登录是无法访问的，需要服务器对非法请求进行拦截。在nodejs中请求先到达app.js文件，然后再转发到指定路由。在转发之前，可以先对用户登陆状态进行判断，如果cookies中有设置userId，表明已登陆，执行下一步next()。如果未登录，只可以访问指定的路由路径，由req.originalUrl判断是否等于或包含允许的访问路径，用户在未登录时可以访问登陆页面与商品列表页面。如果访问其他路径则返回错误信息“用户未登录”：
//全局拦截
app.use(function (req,res,next) {
if(req.cookies.userId) next(); //已登陆
//未登录，只能访问登录与商品页面
else if(req.originalUrl==='/users/login'||req.originalUrl.indexOf('/goods')>-1) next();
else{
res.json({
status:3,
msg:'用户未登录'
})
}
});
//路由跳转
app.use('/', index);
app.use('/users', users);
app.use('/goods', goods);
3、校验登陆
在页面加载完成后，需要判断用户是否已经登陆过了，前端向后端发出checkLogin的请求，后端根据cookie中的userId是否设置，返回判断信息，如果登陆则不需要用户再次手动登陆了
router.get('/checkLogin',(req,res)=>{
"use strict";
if(req.cookies.userId){ //设置了cookie，用户已登陆
res.json({
status:0,
msg:"登录成功",
username:req.cookies.userName
})
}else {
res.json({
status:3,
msg: "未登录"
})
}
});
4、登出
用户的登出操作就是将cookie信息去除，即在后台将用户cookie的有效期置为0
router.get('/logout',(req,res)=>{
"use strict";
res.cookie('userId','',{maxAge:0});
res.cookie('userName','',{maxAge:0});
res.json({
status:0,
msg:'登出成功！'
})
});
希望本文所述对大家node.js程序设计有所帮助。
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。