如何根据用户权限高效渲染内容？（使用基于权限的访问控制）答案

【问题标题】：How to efficiently render content based on user permission? (Using permission based access control)如何根据用户权限高效渲染内容？（使用基于权限的访问控制）
【发布时间】：2019-12-13 16:07:53
【问题描述】：

基于角色的渲染是很常见的事情，你有管理员、版主和用户并相应地渲染它。但是，如何根据一般规则渲染它？下面的这种结构可能会有所帮助：

---Platform (platform)

-----Manage User (permissionGroup)

---------Delete (permission)

---------Update

---------Create

---------Update

我可以像这样在平台内渲染每个权限，但是 UX/UI 不会很好，所以想要的方法是这样的：

---Platform (platform)

-----Manage User(permissionGroup)

然后在管理用户中，我可以列出（许可）它们，并且对于每一个，都会出现名为“更新”和“删除”的按钮。

下面的简化表格：

platform(
    id
    icon (for automatic rendering purposes)
    name (for automatic rendering purposes)
);

permissionGroup(
    id,
    icon (for automatic rendering purposes)
    name (for automatic rendering purposes)
    route
    platformID
);

permission(
    id
    permissionGroupID
    name
    isActive
);

userPermission(
    id
    permissionID
    userID
);

根据这些权限规则呈现内容的最佳方式是什么？

【问题讨论】：

标签： html postgresql vue.js access-control

【解决方案1】：

经过一番谷歌搜索后，我发现了这个lib，看起来很有希望。简而言之，它基本上可以让您在单个文件中定义当前角色的所有权限，而无需重复代码。它还有一个 vue 集成。

【讨论】：

我发现如何正确处理它令人难以置信的困惑。我怎样才能使它适应我的模型？

【解决方案2】：

你可以试试 CASL。检查下面。 https://github.com/stalniy/casl/blob/master/packages/casl-react/README.md

【讨论】：