## 前端auth權限驗證 > 為什么前端也做權限認證，權限認證不應該是后端做的嗎？ 這里的權限認證指的是前端判斷是否有權限查看的數據（例如：添加、刪除、編輯之類的按鈕），這些只有在點擊到對應的url之后，后端才會進行權限認證。 為了避免用戶困擾，可以在此用上前端的權限認證，判斷是否顯示還是隱藏 ***** ## 視圖頁面內權限例子 * 通過php的`$auth`方法生成`layui-hide`樣式屬性。 ``` <button class="layui-btn layui-btn-sm {:$auth->check('admin.menu/add')?'':'layui-hide'}" data-open="{:url('add')}" title="添加"><i class="iconfont icon-add"></i>&nbsp;新增后臺菜單</button> ``` ***** ## table表格內權限例子 * table表格里面，一種table表格`上方`的操作欄`toolbar`需要權限判斷是否顯示。 * 另外一種是table表格`里面`的列操作欄`operat`也需要權限判斷是否顯示。 * 需要在對應的表格的`dom`事先全好對應的權限規則。 * 權限規則為：`data-auth-`+ 規則名 * 例如：data-auth-add="{:auth('admin.manager/add')}",`add`就是對應的權限規則。 > 下方例子中共定義了：`add``edit``delete`權限規則 ~~~ <table class="layui-hide" id="currentTable" lay-filter="currentTable" data-auth-add="{:$auth->check('admin.manager/add')}" data-auth-edit="{:$auth->check('admin.manager/edit')}" data-auth-delete="{:$auth->check('admin.manager/del')}"> </table> ~~~ ***** ### 表格上方的`toolbar`權限驗證 下面簡單講解權限驗證，完整的`toolbar`的使用和配置請查看`table`模塊。 * `toolbar`內置權限驗證：`add`,`edit`,`delete`,`recyclebin`,`restore`,`destroy` ~~~ toolbar: ['refresh','add', 'delete'] ~~~ * 自定義`toolbar`, 在`auth`屬性上填寫`權限規則` ~~~ toolbar: ['refresh', [{ text: ' 添加', url: Table.init.add_url, class: 'layui-btn layui-btn-normal layui-btn-sm', title: '添加', auth: 'add', }], 'delete'], ~~~ ***** ### 表格內列操作`operat`的權限驗證 * `operat`內置權限驗證：`edit`,`restore`,`destroy`,`delete` ~~~ operat: ['edit', 'delete'] ~~~ * 自定義`operat`, 在`auth`屬性上填寫`權限規則` ~~~ operat: [ [{ class: 'layui-btn layui-btn-xs layui-btn-success', text: '編輯', auth: 'edit', url: Table.init.edit_url, extend: "lay-event='btn-editone'" }], 'delete'] ~~~