html css菜單根據權限隱藏權限

Question

我想使用html/css菜單並隱藏基於用戶權限/權限的菜單項。處理這個問題的最佳方法是什麼？它可以只使用CSS/HTML或使用JavaScript等腳本來完成。

權限是通過「允許角色」子文件夾與web.config授權。所以用戶不能去錯誤的頁面，但我想隱藏他們實際上無法訪問的選項。

我使用背後的FYI VB.net代碼。

Answer 1

您不能在靜態CSS/HTML中執行此操作，但是如果動態生成它，則可以爲每個角色打印不同的CSS語句。

或者你可以指定類「管理」到某些項目，設置爲顯示：無在CSS然後使用jQuery來告訴他們：

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

不過，我更喜歡如果可能做到這一點的服務器端和只爲某些用戶打印某些項目，因爲正如Yoda所說，如果你在客戶端執行操作，任何人都可以看到源代碼。