将权限控制细化到组件, 轻松控制每一个 Button

[slowlyo]

原理

OwlAdmin 通过 amis 生成页面，通过 Laravel 提供数据接口，采用前后端分离的方式实现。

在响应给前端前, OwlAdmin 会对 amis 的页面结构进行一次处理, 通过 permission 属性来控制页面中的组件是否渲染。

简单示例

amisMake()->Form()->body([
    amisMake()->TextControl('title', '分类名称')->required(),
    amisMake()->SwitchControl('state', '状态')->value(true),
    amisMake()->ImageControl('image', '图片'),
]);

上面的代码会生成如下的页面：

增加权限控制

amisMake()->Form()->body([
    amisMake()->TextControl('title', '分类名称')->required(),
    amisMake()->SwitchControl('state', '状态')->value(true),
    // 添加 permission 方法
    amisMake()->ImageControl('image', '图片')->permission('article.form.image'),
]);

在没有对应权限的情况下，该组件将 不会被渲染 。

这个方法可以做到那些事情?

根据权限控制 🎉 任何层级的任何组件，例如：

amisMake()->Form()->body([
    amisMake()->TextControl('title', '分类名称')->required(),
    amisMake()->Combo('content')->items([
        amisMake()->TextControl('column1', '字段1')->permission('xxx'), // 控制字段中的某个子项
        amisMake()->SwitchControl('column2', '字段2'),
    ])->permission('xxx'), // 只控制表单中的某个字段
])->permission('xxx'); // 直接控制整个表单

大到整个页面/弹窗, 小到某个按钮/表单/表格/字段, 任何层级的任何组件 都可以通过这个方法控制。