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标识符之后，在去做相应的操作，当然，这里提到的都只是简单的例子，属性还是需要认真严格定义的~

这篇关于css - 开发后台系统的时候权限之类的是怎么操作的呢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！