Owl Admin 中文文档


组件的使用

<h2><strong>创建页面</strong></h2> <pre><code class="language-php">$page = \Slowlyo\SlowAdmin\Renderers\Page::make(); return $this-&amp;gt;response()-&amp;gt;success($page);</code></pre> <p>&lt;br&gt;</p> <h2><strong>给页面设置标题</strong></h2> <pre><code class="language-php">// ... $page-&amp;gt;title('我是标题'); // ...</code></pre> <p>&lt;br&gt;</p> <h2><strong>在页面上放个按钮</strong></h2> <pre><code class="language-php">// ... $page-&amp;gt;body( \Slowlyo\SlowAdmin\Renderers\Button::make()-&amp;gt;label('我是按钮')-&amp;gt;level('primary'); ); // ...</code></pre> <p>&lt;br&gt;</p> <h2><strong>按钮前面再放个输入框</strong></h2> <pre><code class="language-php">// ... $page-&amp;gt;body([ Slowlyo\SlowAdmin\Renderers\Form\InputText::make()-&amp;gt;name('username')-&amp;gt;label('姓名'), // button ]);</code></pre> <p>&gt; 在你熟悉了 <code>amis</code> 之后, 你会发现原来用后端代码组页面这么简单&lt;br&gt; 你可以在 <code>owl admin</code> 中找到几乎所有的 <code>amis</code> 组件</p> <p>&lt;br&gt;</p> <h2><strong>没找到你想要的组件?</strong></h2> <pre><code class="language-php">\Slowlyo\SlowAdmin\Renderers\Component::make()-&amp;gt;setType('page')-&amp;gt;title('我是标题'); // 或者 amis('page')-&amp;gt;title('我是标题'); // 等效于 \Slowlyo\SlowAdmin\Renderers\Page::make()-&amp;gt;title('我是标题'); // 或者你可以直接写个数组 (有点丑, 而且不方便维护~ 不推荐) // [ // 'type'=&amp;gt;'page', // 'title'=&amp;gt;'我是标题', // 'body'=&amp;gt;'content' // ]</code></pre> <p>&lt;br&gt;</p> <h4>💡小提示</h4> <p>&gt; 你可以放心的在每一个继承了 <code>Slowlyo\SlowAdmin\Renderers</code> 类的组件类后面调用方法 &gt; 方法名对应了 <code>amis</code> 组建的属性名, 参数对应了 <code>amis</code> 属性的值 &gt; 在组件的基类中使用了 <code>__call()</code> 方法来实现自动添加属性 &gt; 即使方法不存在, 或者该组件没有这个属性, 你的代码也不会报错, 只是效果出不来罢了~</p> <p>&lt;br&gt;</p> <h2><strong>组件鉴权</strong></h2> <h3><strong>原理</strong></h3> <ul> <li>每个组件都可使用 <code>permission</code> 方法, 传入对应权限的 <code>slug</code> </li> <li>在将页面结构响应给前端前, 会将没有权限的组件置为空数组, 从而实现 (没有权限就不渲染组件) 的效果</li> </ul> <p>&lt;br&gt;</p> <h3><strong>示例</strong></h3> <pre><code class="language-php">// 当前用户不是超级管理员并且没有 user.index 权限时, 按钮将不会显示 amis()-&amp;gt;Action()-&amp;gt;label('我是按钮')-&amp;gt;permission('user.index');</code></pre>

页面列表

ITEM_HTML