Dcat Admin v1.5.0 發佈，高顏值後臺系統構建工具，新增酷炫暗黑模式主題

Dcat Admin

Dcat Admin是一個基於laravel-admin二次開發而成的後臺系統構建工具，只需不多的代碼便可快速構建出一個功能完善的高顏值後臺系統。內置豐富的後臺經常使用組件，開箱即用，讓開發者告別冗雜的 HTML 代碼，對後端開發者很是友好。

在線演示站點 | 官方文檔 | Github 主頁(若是喜歡這個項目不妨點個 star，感謝支持！)

v1.5.0 更新內容

新增功能部分

1.深色模式

本次版本增長了深色模式(dark-mode)主題，支持經過頁面按鈕切換並保存狀態，具體使用請參考文檔主題 - 深色模式

2.表格modal以及expand異步加載

定義渲染類，繼承Dcat\Admin\Support\LazyRenderable

use App\Models\Post as PostModel;
use Dcat\Admin\Support\LazyRenderable;
use Dcat\Admin\Widgets\Table;

class Post extends LazyRenderable
{
    public function render()
    {
        // 獲取 ID
        $id = $this->key;
        
        // 獲取其餘自定義參數
        $type = $this->post_type;

        // 查找數據
        $data = PostModel::where('user_id', $id)
            ->where('type', $type)
            ->get(['title', 'body', 'body', 'created_at'])
            ->toArray();

        $titles = ['User ID', 'Title', 'Body', 'Created At'];

        // 渲染
        return Table::make($titles, $data);
    }
}

使用

$grid->column('post')->modal('Post', Post::make(['post_type' => 2]));

具體使用請參考文檔表格列的顯示 - modal以及表格列的顯示 - modal

<img  src="https://cdn.learnku.com/uploads/images/202006/14/38389/KMHagem4OZ.gif!large" style="box-shadow:0 1px 6px 1px rgba(0, 0, 0, 0.12)" width="100%">

<img  src="https://cdn.learnku.com/uploads/images/202006/14/38389/DvvyZUTXpG.gif!large" style="box-shadow:0 1px 6px 1px rgba(0, 0, 0, 0.12)" width="100%">

3.工具表單增長文件上傳接口

從這個個版本開始，在工具表單中使用文件 /圖片上傳表單無需自定義上傳接口，文件會默認上傳到系統預約義接口進行處理。

use Dcat\Admin\Widgets\Form;

class MyForm extends Form
{
    public function form()
    {
        // 不須要自定義上傳接口，能夠直接使用
        $this->image('logo');
        
        ...
    }
    
    ...
}

4.表格快捷建立增長隱藏表單

$grid->quickCreate(function ($quick) {
    $quick->hidden('column_name')->value(...);
    
    ...
});

5.彈窗選擇器、editor、markdown等表單支持一對多表單

$form->hasMany('posts', function ($form) {
    $form->selectResource('attribute')->path('...')->options(...);
    
    $form->editor('description');
    
    $form->markdown('remark');
    
    ...
});

6.文件上傳表單保存文件域名到數據表

在這個版本中能夠經過saveFullUrl方法保存文件域名到數據表

$form->image('...')->saveFullUrl();

$form->file('...')->saveFullUrl();

優化功能部分

1.刷新頁面時自動移除modal遮罩層

從這個版本開始，使用工具表單彈窗時能夠移除如下代碼

Admin::script('Dcat.onPjaxComplete(function () {
    $(".modal-backdrop").remove();
    $("body").removeClass("modal-open");
}, true)');

2.異常處理功能優化

異常處理底層接口優化，而且在錯誤頁面能夠顯示trace報文

3.頁面細節樣式優化

在這個版本中咱們優化了不少細節樣式，使總體更加協調美觀

4.Form表單字段class增長前綴

以兼容部分特殊字段名稱與css class衝突問題 #190

BUG 修復部分

1. 修復數據表格導出所有內容查詢條件異常問題
2. 修復表格progressBar的$max參數設置無效問題 #182
3. 修復當設置路由前綴爲空時建立權限沒法顯示路由選項問題 #194
4. 修復刪除數據時使用模型觀察者沒法獲取模型數據問題
5. 修復Grid::fetching事件有可能重複觸發問題
6. 修復表格顯示滾動條時列搜索圖表顯示異常問題 #192
7. 修復hasMany表單沒法使用dateRange表單問題 #199
8. 修復處理動做(action)請求返回無權限信息異常問題
9. 修復行內編輯(editable)樣式異常問題
10. 修復表格一對一模型字段讀取語言包翻譯異常問題