前端按钮权限处理

主要处理前端按钮的权限,如果用户没有某个按钮权限,那么就不显示此按钮,而不是在用户点击的时候提示“没有权限操作”,提高用户的体验。

此模块依赖模板引擎thymeleaf

引入jar包

<dependency>
    <groupId>com.wueasy</groupId>
    <artifactId>wueasy-gateway-thymeleaf</artifactId>
</dependency>

html中增加头

替换页面中的<html>标签内容

<html xmlns:th="http://www.thymeleaf.org"
      xmlns:fs="http://www.wueasy.com">

权限验证

通过在标签中指定特殊的验证方式来验证此标签是否需要显示。

2.0版本验证方式

  • 需要在html标签中指定fs:authorize="",此代码代表此标签需要严重
  • 可以通过指定vua-func-no="S1120"vua-url="/servlet/S1120"来验证权限,此代码代表调用的接口地址(也就是权限地址)
<button type="button" fs:authorize="" vua-func-no="S1120" >
    <i class="flaticon2-plus"></i> 创建
</button>

1.0版本验证方式

  • 需要在html标签中指定fs:authorize="",此代码代表此标签需要严重
  • 可以通过指定funcNo="S1120"url="/servlet/S1120"topUrl="/servlet/S1120"来验证权限,此代码代表调用的接口地址(也就是权限地址)
<button type="button" fs:authorize="" funcNo="S1120" >
    <i class="flaticon2-plus"></i> 创建
</button>

还需要指定验证的版本,默认是2.0

wueasy:
  gateway:
    authorize:
      version: 1.0
Copyright © wueasy.com 2017-2022 all right reserved,powered by Gitbook未经允许,禁止以任何形式传播 修订时间: 2021-12-01

results matching ""

    No results matching ""