admin⻆色的用户能访问index.html和admin.html这两个页面,而user用户只能访问index.html这一个页面,代码实现
时间: 2023-12-14 14:37:31 浏览: 61
你可以通过以下代码实现:
```javascript
// 定义不同角色的用户
const users = [
{ name: "admin", role: "admin" },
{ name: "user", role: "user" }
];
// 定义可以访问的页面
const pages = {
index: ["admin", "user"],
admin: ["admin"]
};
// 判断用户是否有权限访问指定页面
function hasAccess(user, page) {
const allowedRoles = pages[page];
return allowedRoles.includes(user.role);
}
// 示例使用
const currentUser = users[0]; // 当前用户为 admin
console.log(hasAccess(currentUser, "index")); // true
console.log(hasAccess(currentUser, "admin")); // true
const currentUser2 = users[1]; // 当前用户为 user
console.log(hasAccess(currentUser2, "index")); // true
console.log(hasAccess(currentUser2, "admin")); // false
```
这里定义了一个 `users` 数组,其中包含了不同角色的用户信息。同时,定义了 `pages` 对象,表示不同页面可以被哪些用户访问。最后,通过 `hasAccess` 函数,判断当前用户是否有权限访问指定页面。
阅读全文