第一次接触若依的后台管理系统,碰到了权限设置的这个问题,就记录一下吧。

只记录前端设置。

1.菜单管理

注: 这个里面的权限标识,不是前端自己随意取的名字,是后端代码里面的,你要和后端设置的权限一一对应 (将后端设置的权限,例如:system:banner:add填入即可)。

对于前端代码,里面的操作按钮,你也需要将写入。

<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:banner:edit']"//菜单的字段权限标识
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:banner:remove']"//菜单的字段权限标识
          >删除</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-top"
            @click="putaway(scope.row)"
            v-if="scope.row.status==2||scope.row.status==3"
            v-hasPermi="['system:banner:put']"//菜单的字段权限标识
          >上架</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-bottom"
            @click="soldout(scope.row)"
            v-if="scope.row.status==1"
            v-hasPermi="['system:banner:put']"//菜单的字段权限标识
          >下架</el-button>
        </template>
      </el-table-column>

下面还有一个问题,如何创建一个账号,让这个账号只能看其中的一些菜单,并有操作权限?

 1.角色管理

选择这个角色能够看到的菜单。

 2.用户管理

选择你刚刚设置的角色(在角色里面已经设置好这个角色可以看到和操作什么菜单了) 

 根据以上操作就可以新增一个账号,并赋予这个账号权限。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐