springBoot集成shiro在thymeleaf的js中使用shiro权限标签

一、问题描述

项目用 springboot 框架，在前端页面上使用 shiro 标签的时候遇到了 thymeleaf 模板中的 js 脚本里使用 shiro 标签不起作用这个问题。

由于页面表格使用的是 bootstrapTable ，列表中的按钮是在 js 中动态生成的，目前需求是：列表中的按钮要受权限控制。

二、解决方法

1. 首先定义一个全局变量，赋值为 false ；

   <script>hasSaveOrUpdatePermission = false</script>  <!--定义全局变量-->
   <script>hasDeletePermission = false</script>
   

2. 在页面中进行判断。如果用户有这个权限，那么把该变量设置为 ture ，并在 js 中使用这个变量；

   <shiro:hasPermission name="department:saveOrUpdate">
       <script>hasSaveOrUpdatePermission = true</script>
   </shiro:hasPermission>
   <shiro:hasPermission name="department:delete">
       <script>hasDeletePermission = true</script>
   </shiro:hasPermission>
   

3. 如果它为 true ，说明有这个权限，那么我就给它显示删除按钮，如果没有，就显示一条"-"

   {
      title: '操作',
      align: 'center',
      formatter: function (value, row, index) {
      var actions = [];
      if (hasSaveOrUpdatePermission) {
         actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editOp(' + row.id + ')" ><i class="fa fa-edit"></i>编辑</a> ');
      } else {
        actions.push(' - ');
      }
      if (hasSaveOrUpdatePermission) {
         actions.push('<a class="btn btn-danger btn-xs btn-delete" href="javascript:void(0)" onclick="deleteOp(' + row.id + ')" shiro:hasPermission="department:delete"><i class="fa fa-remove"></i>删除</a> ');
      } else {
        actions.push(' - ');
      }
        return actions.join('');
      }
   }
   

经过测试，问题已成功解决