html css 菜单可见性按权限隐藏

Question

我想使用 html/css 菜单并根据用户许可/权限隐藏菜单项。处理这个问题的最佳方法是什么？是否可以仅使用 CSS/HTML 或使用 Javascript 等脚本来完成。

权限是通过具有 web.config 授权的“允许 Angular 色”子文件夹获得的。因此用户不会转到错误的页面，但我想隐藏他们实际上无法访问的选项。

我在 FYI 后面使用 VB.net 代码。

Answer 1

您不能在静态 CSS/HTML 中执行此操作，但如果您动态生成它，则可以为每个 Angular 色打印不同的 CSS 语句。

或者您可以将“admin”类分配给某些元素，在 CSS 中设置为 display:none 然后使用 jQuery 来显示它们:

if(userIsAdmin)
{
    $('.admin').show();
}

但是，如果可能的话，我更喜欢在服务器端执行此操作，并且只为特定用户打印某些元素，因为正如 Yoda 所说，如果您在客户端执行此操作，任何人都可以看到源代码。