Dcat Admin v1.5.0 釋出，新增黑暗模式主題

Jiangqh發表於2020-06-14
模式
系列文章：
Dcat Admin v1.5.0 釋出，新增黑暗模式主題 Dcat Admin v1.3.0 釋出 - 對後端開發者友好的高顏值後臺系統構建工具，自定義主題配色以及 PHP7.4 支援 Dcat Admin v1.2.0 釋出 - 對後端開發者友好的高顏值後臺系統構建工具，PHP7.4、自定義主題配色、新配色 Dcat Admin v1.0.0 釋出 - 對後端開發者友好的高顏值後臺系統構建工具，簡單高效，開箱即用 Dcat Admin - 一款高顏值的後臺系統構建工具，簡單高效，開箱即用

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

線上演示站點 | LearnKu官方文件 | 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

KMHagem4OZ.gif!large

DvvyZUTXpG.gif!large

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. 修復表格一對一模型欄位讀取語言包翻譯異常問題
本作品採用《CC 協議》，轉載必須註明作者和本文連結

Jiangqh

相關文章