前端頁面權限精確到按鈕,控制按鈕的隱藏和顯示


大體思路:

1.所有權限按鈕都添加class="permisssion",標識做權限的;然后再增加具體的權限class,比如add/update/upload
2.每個頁面進來都調用權限接口,加載這個頁面的權限按鈕列表:["add","update","upload"]
3.js獲取所有class="permisssion"的權限按鈕並隱藏
4.遍歷第3步獲取的權限按鈕,如果接口返回的權限按鈕集合中包含當前按鈕的class,那么則顯示。這個需要在后台配置權限按鈕的時候添加相應的class。比如在后台給權限按鈕配置class為add/update/upload。

前端dom:

<div>
<input type="button" class="permission add" />
<input type="button" class="permission update" />
<input type="button" class="permission upload" />
</div>

接口返回:

["add","update","upload"]

這樣有個優點:按鈕可以靈活布局,不管是在列表頂部,還是每行的右邊,甚至是在別的地方,都可以控制。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM