css - 開發后臺系統的時候權限之類的是怎么操作的呢

問題描述

比如菜單欄的顯示，按鈕的操作等等。只考慮前端需要的操作。。謝謝

問題解答

如果按照role-menu來說，前端必須保存role 和 menu的關聯關系（暫且稱為roleMenuList，當然一般這個list是從后臺獲取的),可以是一個純id的list，

roleMenuList: [1,2,3,4,5]

頁面上渲染遍歷菜單的時候判斷當然菜單項id是否存在roleMenuList，是的話就顯示，否則隱藏。

按鈕權限的話，也是需要一個類似id的標識符來識別到這個元素，可以使用自定義屬性，例如

<button authorCode='myButtion'></button>

從后端獲取一個按鈕權限列表，可以包含 myButtion的元素需要隱藏或者禁用，例如

buttonAuthorList = [ { code: ’myBution’, to: ’disabled’}, { code: ’hisBution’, to: ’hidden’} ... ]

識別到code標識符之后，在去做相應的操作，當然，這里提到的都只是簡單的例子，屬性還是需要認真嚴格定義的~

可以參考 windows ： 帳號 -> 角色 -> 權限；權限可以按 白名單 / 黑名單 或者 一起使用；后端驗證，前端根據證后的角色和權限列表做剪裁和處理。

之前做過一個php+mysql評論功能，非當前用戶不顯示編輯刪除等按鈕，比較簡單

if (isset($_SESSION[’id’])) { if (isset($_SESSION[’id’]) == $row2[’id’]) {echo '<form class=’delete-form’ method=’POST’ action=’'.deleteComments($conn).'’><input type=’hidden’ name=’cid’ value = ’'.$row[’cid’].'’ /> <button type=’submit’ name=’commentDelete’>Delete</button> </form> <form class=’edit-form’ method=’POST’ action=’editcomment.php’><input type=’hidden’ name=’cid’ value = ’'.$row[’cid’].'’ /><input type=’hidden’ name=’uid’ value = ’'.$row[’uid’].'’ /><input type=’hidden’ name=’date’ value = ’'.$row[’date’].'’ /><input type=’hidden’ name=’message’ value = ’'.$row[’message’].'’ /><button>Edit</button> </form>'; } else { echo '<form class=’edit-form’ method=’POST’ action=’'.deleteComments($conn).'’><input type=’hidden’ name=’cid’ value = ’'.$row[’cid’].'’ /> <button type=’submit’ name=’commentDelete’>Reply</button> </form>'; }} else { echo '<p class=’commentmessge’>You need to be logged in to reply!</p>p>';}