zoukankan      html  css  js  c++  java
  • 前端页面权限精确到按钮,控制按钮的隐藏和显示

    大体思路:

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

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

  • 相关阅读:
    P1182 数列分段`Section II` 二分
    洛谷 P1025 数的划分
    深浅拷贝
    数据的内置方法
    控制流程-if/while/for
    python的基本运算符
    花式赋值
    python的注释
    Python的垃圾回收机制
    变量与常量
  • 原文地址:https://www.cnblogs.com/subendong/p/13358784.html
Copyright © 2011-2022 走看看