laravel-admin1.6版本的使用技巧以及遇到的那些坑

時間 2019-11-17

標籤 laravel admin1.6 admin 版本使用技巧以及遇到那些简体版

原文原文鏈接

當你看到這篇文章的時候必定對laravel-admin有所瞭解，下面的用法將讓你減小學習成本

laravel-admin1.5.*版本點擊跳轉：php

Laravel-admin 自定義excel導出數據html

laravel-admin報錯:Disk [admin] not configured, please add a disk config in `config請點擊連接找解決方案laravel

遇到報錯：Syntax error or access violation: 1071 Specified key was too long; max key length is 1000 bytesgit

如需重寫內置視圖以及設置語言github

本身寫的工資管理系統可查看源碼 github.com/WXiangQian/…bootstrap

本身寫的辦公用品管理系統可查看源碼 github.com/WXiangQian/…bash

感受不錯的話請點擊右上角 star 謝謝支持

laravel-admin 手冊地址app

laravel-admin demo地址打開demo.laravel-admin.org/auth/login，用帳號密碼admin/admin登錄佈局

laravel-admin 安裝地址：laravel-admin.org/docs/zh/ins…post

model-show支持顯示數據詳情

1.5版本不少方法一樣也適用於1.6版本中，若是本文沒提到的使用技巧可直接跳轉1.5版本的文章查看

這個命令用來建立一個admin用戶，用交互式的方式填寫用戶名和密碼、而且選擇角色以後，會建立一個可登錄的用戶

php artisan admin:create-user

 Please enter a username to login: // 用戶名
 > test
 Please enter a password to login: // 密碼
 >
 Please enter a name to display: // 名稱
 > name
 Please choose a role for the user: // 選擇角色
  [0] Administrator
 > 0
User [name] created successfully.
複製代碼

給指定用戶重置密碼，根據命令的提示來操做

php artisan admin:reset-password

Please enter a username who needs to reset his password:  // 輸入重置哪一個用戶名的密碼
 > test
t?[K?7est?8e?[K?7st?8s?[K?7t?8t?[K?7?8
 Please enter a password: // 新密碼
 >
 Please confirm the password: // 確認新密碼
 >
User password reset successfully.
複製代碼

自定義頭部導航條從版本1.5.6開始，能夠在頂部導航條上添加html元素了, 打開app/Admin/bootstrap.php： left和right方法分別用來在頭部的左右兩邊添加內容，方法參數能夠是任何能夠渲染的對象(實現了Htmlable、Renderable接口或者包含__toString()方法的對象)或字符串

use Encore\Admin\Facades\Admin;
    Admin::navbar(function (\Encore\Admin\Widgets\Navbar $navbar) {
        $navbar->left('html...');
        $navbar->right('html...');
    });


    左側添加示例  舉個例子，好比在左邊添加一個搜索條，
    先建立一個blade視圖`resources/views/search-bar.blade.php`：

    <style>
    .search-form {
        width: 250px;
        margin: 10px 0 0 20px;
        border-radius: 3px;
        float: left;
    }
    .search-form input[type="text"] {
        color: #666;
        border: 0;
    }
    .search-form .btn {
        color: #999;
        background-color: #fff;
        border: 0;
    }
    </style>
    
    <form action="/admin/posts" method="get" class="search-form" pjax-container>
        <div class="input-group input-group-sm ">
            <input type="text" name="title" class="form-control" placeholder="Search...">
            <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
              </span>
        </div>
    </form>
    
    //而後加入頭部導航條：
    $navbar->left(view('search-bar'));
    
複製代碼

model-grid能夠經過下面的方式關閉修改、查看、刪除按鈕：

$grid->actions(function ($actions) {
    // $actions->disableDelete();
    // $actions->disableEdit();
    //禁用顯示詳情按鈕
    $actions->disableView();
});
複製代碼

上傳頭像不顯示問題

config--->admin.php
將'disk'=>'admin' 修改爲 'disk' => 'public'
在所屬項目執行 php artisan storage:link 刷新頁面，從新上傳，就能正常顯示上傳的頭像。
複製代碼

修改 laravel-admin form佈局($form->row)

$form->row(function ($row) use ($form)
{
      $row->width(4)->text('id', 'id')->rules('required');
      $row->width(4)->text('name', 'name')->rules('required');
      $row->width(4)->text('value', 'value')->rules('required');

},  $form); 
複製代碼

Grid過濾器支持多列布局

若是過濾器太多，會把頁面拉的很長，將會很影響頁面的觀感，這個版本將支持過濾器的多列布局, 好比6個過濾器分兩列顯示

$filter->column(1/2, function ($filter) {
        $filter->like('title');
        $filter->between('rate');
    });
    
    $filter->column(1/2, function ($filter) {
        $filter->equal('created_at')->datetime();
        $filter->between('updated_at')->datetime();
        $filter->equal('released')->radio([
            1 => 'YES',
            0 => 'NO',
        ]);
    });
複製代碼