全新擴充系統上線了！發布Dcat Admin v2.0.0-BETA 版本~-Laravel-PHP中文網

以下由Laravel教學專欄為大家介紹Dcat Admin v2.0.0-BETA 版本發布，希望對需要的朋友有幫助！

全新擴充系統上線了！發布Dcat Admin v2.0.0-BETA 版本~

##Dcat Admin 是一個基於Laravel-admin個人所開發而成的後台子建構工具，只需很少的程式碼即可建構出一個功能性的高顏值後台。

前言

Hi，各位同學大家好！時隔多日，

Dcat Admin終於迎來了2.0的第一個版本，下面簡單介紹一下主要變化，歡迎大家安裝體驗，如果有問題會即時修復~

安裝

已發佈v2.0.1-beta 版本
composer require dcat/laravel-admin:v2.0.1-beta -vvv
登入後複製

有什麼變化？

1.擴充

我們在這個版本中重點優化了

擴充 功能，主要簡化了擴展的使用流程，讓使用者可以透過頁面安裝、卸載、升級擴展，並且同時支援了頁面壓縮包和composer兩種安裝方式。正式版發佈時會上線應用程式市場功能，敬請期待~

詳細使用文件即將在本週內逐步更新~

2.增強表單佈局能力

#在

2.0中，我們對資料表單的 block佈局功能進行了重構，使其支援更複雜的佈局，範例

$form->block(8, function (Form\BlockForm $form) {
    $form->title(&#39;基本设置&#39;);
    $form->showFooter();
    $form->width(9, 2);

    $form->column(6, function (Form\BlockForm $form) {
        $form->display(&#39;id&#39;);
        $form->text(&#39;name&#39;);
        $form->email(&#39;email&#39;);
        $form->image(&#39;avatar&#39;);
        $form->password(&#39;password&#39;);
    });

    $form->column(6, function (Form\BlockForm $form) {
        $form->text(&#39;username&#39;);
        $form->email(&#39;mobile&#39;);
        $form->textarea(&#39;description&#39;);
    });
});
$form->block(4, function (Form\BlockForm $form) {
    $form->title(&#39;分块2&#39;);

    $form->text(&#39;nickname&#39;);
    $form->number(&#39;age&#39;);
    $form->radio(&#39;status&#39;)->options([&#39;1&#39; => &#39;默认&#39;, 2 => &#39;冻结&#39;])->default(1);

    $form->next(function (Form\BlockForm $form) {
        $form->title(&#39;分块3&#39;);

        $form->date(&#39;birthday&#39;);
        $form->date(&#39;created_at&#39;);
    });
});

登入後複製

#2.0也支援在tab 佈局中巢狀使用column和rows佈局，如

這個功能同時支援

資料表單和工具表單

$form->tab(&#39;标题&#39;, function (Form $form) {
    $form->column(6, function (Form $form) {
        ...
    });

    $form->column(6, function (Form $form) {
        ...
    });});

登入後複製

3.重構表單回應方法

在

1.0版本中表單的回應方法只有success、error和redirect，無法滿足一些比較複雜的場景，在2.0我們讓表單的回應方法和action的回應方法統一了起來，使其支援更多功能，並減少開發者的學習成本。

在資料表單中

$form->saving(function (Form $form) {
    return $form
        ->response()
        ->success(&#39;保存成功&#39;)
        ->script(&#39;console.log("执行JS代码")&#39;)
        ->redirect(&#39;auth/users&#39;);});

登入後複製

在工具表單中

public function handle(array $input){
    ...

    return $this
        ->response()
        ->alert()
        ->success(&#39;成功&#39;)
        ->detail(&#39;详细内容&#39;);}

登入後複製

4.JS 程式碼和PHP 程式碼分離

這個功能是對laravel-admin2.0版本新功能的跟進，在2.0中更建議把JS

程式碼放到檢視檔中，範例

<style>
    .popover{z-index:29891015}
</style>

<div class="{{$viewClass[&#39;form-group&#39;]}}">
    <div for="{{ $id }}" class="{{$viewClass[&#39;label&#39;]}} control-label">
        <span>{!! $label !!}</span>
    </div>

    <div class="{{$viewClass[&#39;field&#39;]}}">
        @include(&#39;admin::form.error&#39;)

        <div class="input-group">

            <span class="input-group-prepend"><span class="input-group-text bg-white" style="padding: 4px"><i style="width: 24px;height: 100%;background: {!! $value !!}"></i></span></span>

            <input {!! $attributes !!} />

            @if ($append)
                <span class="input-group-append">{!! $append !!}</span>
            @endif
        </div>

        @include(&#39;admin::form.help-block&#39;)
    </div>
</div>

<script require="@color">
    $(&#39;{{ $selector }}&#39;).colorpicker({!! json_encode($options) !!}).on(&#39;colorpickerChange&#39;, function(event) {
        $(this).parents(&#39;.input-group&#39;).find(&#39;.input-group-prepend i&#39;).css(&#39;background-color&#39;, event.color.toString());
    });
</script>

登入後複製

熱門教學

更多>

相關教學