V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
theprimone
V2EX  ›  前端开发

中后台系统中,对于需要鉴权的模块应该如何展示?

  •  
  •   theprimone ·
    yunsii · 2020-04-01 09:22:18 +08:00 · 1691 次点击
    这是一个创建于 1696 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • 对于按钮来说,自然可以隐藏,对于 UI 上没有大的影响。但是如果像 Table 的最后一列是一些操作按钮,还要判断是否全部隐藏再把整列隐藏吗?
    • 对于页面上通过 flex 布局的功能组件,如果无权限隐藏的话,这样动态隐藏对 UI 影响挺大的,还是说又一顿判断去做适配?

    按钮禁用或者点击提示,组件覆盖一个暂无权限的提示感觉也不太友好。以上是前端萌新的我当前所能考虑到的一些情况,希望有大佬能指导一下这样应该怎么渲染合适?

    6 条回复    2020-04-02 08:54:58 +08:00
    murmur
        1
    murmur  
       2020-04-01 09:25:49 +08:00
    直接再模板里用 if 删掉 display:none 可能会影响 a+b 这样的相邻 css 的样式判断
    theprimone
        2
    theprimone  
    OP
       2020-04-01 09:39:14 +08:00
    @murmur 的确,这个我还没考虑到。但是这种方式我还没用过。
    lower
        3
    lower  
       2020-04-01 09:57:17 +08:00
    如果要处理的地方比较多,我的笨办法是 新开一个菜单-功能页面,控制菜单权限。
    theprimone
        4
    theprimone  
    OP
       2020-04-01 10:08:20 +08:00
    @lower 可能是我没表述清楚。我的意思是我已经从后台拿到当前用户的所有权限了,该怎么去控制各个模块的渲染。
    igeeky
        5
    igeeky  
       2020-04-01 20:15:27 +08:00
    倾向于前端不控制, 或者只控制菜单.
    所有权限由后台来控制, 控制所有接口的权限. (即使前端控制了 UI 界面, api 接口的权限还是应该控制)
    theprimone
        6
    theprimone  
    OP
       2020-04-02 08:54:58 +08:00
    @igeeky 不控制是可以,关键是怎么展示更友好一些。通过 flex 布局的元素现在是通过加一层遮罩提示无权限来实现的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5304 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 03:40 · PVG 11:40 · LAX 19:40 · JFK 22:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.