中后台系统中,对于需要鉴权的模块应该如何展示? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
theprimone
V2EX    前端开发

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

  •  
  •   theprimone
    yunsii 2020-04-01 09:22:18 +08:00 1973 次点击
    这是一个创建于 2097 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • 对于按钮来说,自然可以隐藏,对于 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     Solana     3252 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 00:45 PVG 08:45 LAX 16:45 JFK 19:45
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86