Javascript 这是在前端硬编码权限的好方法吗？

我正在构建一个库存管理应用程序，管理员用户也可以在其中更改其他员工的权限。某些权限依赖于其他权限进行操作。对于特定的权限，我必须在前端显示一些其他名称，而在后端则有一些区别：为了方便用户使用

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

以下是一个例子：

<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多个权限。

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

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

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

---

可以这很好，但是在那之后，我需要以硬编码的方式实现权限吗？因为我正在从API获取权限。但这让我感到困惑，我是否需要单独实现每个权限（以所需的形式）。这是一个好方法吗？我要做的是创建一些用户组，将250个用户组限制为5或6个不同的类别。而且我们不必支持输入的用户权限。我们可以为每个用户创建一个散列。当我们得到散列时，我们检查用户是否正确登录。[cookies等]当我们需要确定用户是否有权访问某些特权时，我们可以检查其用户名或哈希，以及它是否与这些特定组匹配。出于安全考虑，我认为每个人都可以看到前端，因此我们应该通过在后端处理尽可能多的amap来最小化风险。顺便说一句，正是出于这个原因，我正在映射权限后端：前端。。。。就像用户在后端有“AddioSuffiSufflook Stand”的权限一样，我会把它画成“AddioSuffSufVistOutStand”：“添加Stand”，并添加一个将其视为监督所需的标志。通过点击您的方式，我创建了一个后端和前端权限的MAP来将它们隐藏在前端。然后在从客户端返回以进行更新时，在这些映射的帮助下处理权限。