当登录后判断你是否有权限可以看见相应的页面

情景是有很多个页面,不同的用户根据自己的权限不同可以看见不同的页面

思路:当你用邮箱登录后,后端获取到你的用户信息知道你能访问哪些页面会返回给你你能访问页面的名称,把返回给你的数据拿到,遍历他,如果这里面包含当前页面的名字那么当前页面就可以看见,否则展示一个"您还没有权限呦~"

check(){
const data="后端返回给你的数据";
const array=[];
if(data!==undefined){
for(let i=0;i<data.length;i++){
array.push(data[i].description)
}
return array.includes("当前页面的名字")
}
}
  • data[i].description就是返回的数据每一项写着可以看的页面名字的字段
  • array.includes()这个方法返回的是个boolean值包含就是true
!this.check()?<div>您还没有权限呦~</div>:<div>整个页面的dom结构</div>
  • 把这个写在dom结构开始的地方,如果返回true就是可以看当前的页面就让他展示dom结构否则就展示没有权限
感谢您的提问。关于您的问题,我理解您是想了解小程序如何实现权限管理,不同用户登录后看到不同的界面的效果。我给您提供一种模拟数据的方案,请您详细阅读以下内容。 实现思路: 在小程序中,可以通过用户openid来区分不同的用户身份。当用户登录小程序后,可以将其openid记录在服务端,用来进行后续的权限校验。在小程序的每个页面中,都需要进行相应权限校验,以确保不同的用户看到不同的界面。 假设我们有两种用户,其中openid为“111”的用户是VIP用户,可以看到所有页面,openid为“222”的用户是普通用户,只能看到部分页面。我们可以通过以下代码来实现权限校验: ``` // 获取用户openid const openid = wx.getStorageSync('openid') // 判断用户身份 if (openid === '111') { // 显示所有页面 } else if (openid === '222') { // 显示部分页面 } else { // 未登录,跳转到登录页面 wx.navigateTo({ url: '/pages/login/login' }) } ``` 以上代码可以放置于小程序的app.js文件中,并在小程序的每个页面中引入进行权限校验。 关于模拟数据实现效果,我们可以在本地存储中模拟不同的用户身份,代码如下: ``` // 设置登录用户 wx.setStorageSync('openid', '111') ``` 当用户登录时,我们可以通过传递参数来模拟不同的用户身份,代码如下: ``` // 跳转到首页,并传递参数openid wx.navigateTo({ url: '/pages/home/home?openid=111' }) ``` 在首页的onLoad生命周期中,可以通过参数openid来判断用户身份,代码如下: ``` onLoad(options) { if (options.openid === '111') { // 显示所有页面 } else if (options.openid === '222') { // 显示部分页面 } else { // 未登录,跳转到登录页面 wx.navigateTo({ url: '/pages/login/login' }) } } ``` 总结: 以上是一种模拟数据的方案,可以作为参考。在实际的开发过程中,我们需要结合具体的业务需求来进行实现,例如可以通过调用服务端接口来获取用户身份等。希望我的回答可以对您有所帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值