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

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

excel自定義導出功能見:blog.csdn.net/qq175023117…php

若是你使用的是laravel-admin1.5.*版本點擊跳轉:juejin.im/post/5d0c39…html

報錯:Disk [admin] not configured, please add a disk config in `config/filesystems.php`請點擊連接找解決方案:blog.csdn.net/qq175023117…laravel

遇到報錯:Syntax error or access violation: 1071 Specified key was too long; max key length is 1000 bytes請點擊連接找解決方案:blog.csdn.net/qq175023117…git

如需重寫內置視圖以及設置語言:juejin.im/post/5d0c3c…github

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

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

laravel-admin 手冊地址:laravel-admin.org/docs/zhapp

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',
    ]);
});複製代碼

默認會有一個主鍵字段的過濾器放在第一列,全部左右各三個過濾器一共6個過濾器

column方法的第一個參數設置列寬度,能夠設置爲比例1/20.5,或者bootstrap的柵格列寬度好比6,若是三列的話能夠設置爲1/3或者4

文章不斷更新中~~~感謝支持

相關文章
相關標籤/搜索