大體思路:
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"]
這樣有個優點:按鈕可以靈活布局,不管是在列表頂部,還是每行的右邊,甚至是在別的地方,都可以控制。