首页 > 解决方案 > 这是在前端硬编码权限的好方法吗?

问题描述

我正在构建一个库存管理应用程序,其中管理员用户还可以更改其他员工的权限。一些权限依赖于其他权限来操作。而且我必须在前端显示一些其他名称以获得特定权限,并且在后端存在一些差异:为了用户易用性。

目前我只是传递函数中的硬编码值来更改权限。

这是一个例子:

<input type="checkbox" class="h-4 w-4 text-blue-600 bg-blue-600" (change)="extractPermissions(permission, ['view stock_company', 'add stock_company', 'edit stock_company', 'delete stock_company'])" #permission>

如果这是对 HTML/JS 中的所有权限进行硬编码的好方法,我正在徘徊,因为我有 250 多个权限。

标签: javascripthtmlangularuser-permissions

解决方案


我建议使用 json 结构将所有权限存储一次,并在需要时调用它们。

json = '["view stock_company", "add stock_company", "edit stock_company", "delete stock_company"]' ; 

parsedJson  = JSON.parse( json ) 
console.log( parsedJson ) 

推荐阅读