前端页面权限精确到按钮,控制按钮的隐藏和显示

大体思路:

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"]

这样有个优点:按钮可以灵活布局,不管是在列表顶部,还是每行的右边,甚至是在别的地方,都可以控制。

posted @ 2020-07-22 09:30  屌丝大叔的笔记  阅读(945)  评论(0编辑  收藏