この記事では、10月のバックエンドウィジェットプラグインの構(gòu)築を掘り下げて、基本的なプラグインの作成を拡大します。 WordPressのクイックドラフト機(jī)能をミラーリングして、「クイックノート」ウィジェットを開発します。

重要な概念：

プラグインの足場

。
• php artisan create:pluginユーザーモデルを拡張して、ユーザー固有のメモを管理します バックエンドダッシュボードにレポートウィジェット（
）を?qū)g裝します。
• カスタマイズのためにウィジェットプロパティ（
）を定義する（たとえば、ノートリストを隠し、タイトルの変更）。 フォームハンドリング、メモ管理（CRUD操作）のためにコントローラーとモデルを利用しています。
• QuickNoteWidget
クイックノートウィジェットの構(gòu)築：
• defineProperties
10月のダッシュボードから直接短い音符をすばやく追加して管理できるウィジェットを作成します。

1。プラグインのセットアップ：

コマンドラインを使用してプラグインを生成します：

プラグインの詳細(xì)を備えた更新：

および：

php artisan create:plugin RAFIE.quicknote

2。データベースモデル：

Plugin.php

public function pluginDetails()
{
    return [
        'name'        => 'Quick Note Widget',
        'description' => 'Quickly add and manage short notes.',
        'author'      => 'RAFIE Younes',
        'icon'        => 'icon-pencil'
    ];
}

モデルと移行を作成します：

version.yaml

移行（

# uploads/version.yaml
1.0.1: First version of quicknote
1.0.2:
  - Created Notes Table
  - create_notes_table.php

）は次のようになります

プラグインを更新します：

：Noteで

モデルを拡張します

php artisan create:model RAFIE.quicknote Note

モデル（create_notes_table.php）：

Schema::create('rafie_quicknote_notes', function ($table) {
    $table->engine = 'InnoDB';
    $table->increments('id');
    $table->string('title', 255);
    $table->text('description')->nullable();
    $table->integer('user_id')->unsigned()->index();
    $table->timestamps();
});

3。ウィジェットの作成：

php artisan plugin:refresh RAFIE.quicknote

UsercreatePlugin.php（

フォルダー內(nèi)）：

public function boot()
{
    User::extend(function ($model) {
        $model->hasMany['notes'] = ['RAFIE\Quicknote\Models\Note'];
    });
}

Notemodels/Note.php：

でウィジェットを登録します

use October\Rain\Database\Traits\Validation;

class Note extends Model
{
    use Validation;

    public $table = 'rafie_quicknote_notes';

    protected $guarded = ['*'];

    protected $rules = [
        'title' => 'required|min:4'
    ];

    public $belongsTo = ['user' => ['Backend\Models\User']];
}

部分的（in）：

を作成します

QuickNoteWidget.php widgets

class QuickNoteWidget extends ReportWidgetBase
{
    public function render()
    {
        $notes = BackendAuth::getUser()->notes;
        return $this->makePartial('notes', ['notes' => $notes]);
    }

    public function defineProperties()
    {
        return [
            'title' => [
                'title' => 'Widget Title',
                'default' => 'Quick Note'
            ],
            'showList' => [
                'title' => 'Show Notes List',
                'type' => 'checkbox'
            ]
        ];
    }
}

4。コントローラー（Plugin.php）：

public function registerReportWidgets()
{
    return [
        'RAFIE\Quicknote\QuickNoteWidget' => [
            'label' => 'Quick Notes',
            'context' => 'dashboard'
        ]
    ];
}

_notes.htm元の応答で詳述されているように、殘りのコントローラーアクション（インデックス、作成、更新、削除）およびそれらに関連する構(gòu)成ファイル（widgets/quicknotewidget/partials、

、

<div class="report-widget">
    <h3>{{ $this->property('title') }}</h3>
    <div class="pane">
        @if ($this->property('showList'))
            <ul class="list-nostyle">
                @foreach ($notes as $note)
                    <li class="list-group-item">{{ $note->title }}</li>
                @endforeach
            </ul>
        @endif
        <br/>
        {{ Form::open(['url' => Backend::url('rafie/quicknote/notes/store'), 'method' => 'POST']) }}
        <div class="form-group">
            <input class="form-control" type="text" name="title" placeholder="Title" required/>
        </div>
        <div class="form-group">
            <textarea class="form-control" name="description" id="" cols="30" rows="10"
                      placeholder="Your note..."></textarea>
        </div>
        <div class="form-group">
            <button type="submit" class="btn btn-primary" value="Submit">Submit</button>
            <a href="http://www.miracleart.cn/link/b4c174fbc208372a8facfe462868ebf1'rafie/quicknote/notes/index') }}">Manage your notes</a>
        </div>
        {{ Form::close() }}
    </div>
</div>

、

、、部分的）を完了することを忘れないでください。 コントローラーの構(gòu)造を示す畫像は役立ちます：

5。 バックエンドリストとフォーム構(gòu)成：

元の応答に示されているように、

およびconfig_list.yamlを使用してバックエンドリストとフォームを構(gòu)成します。 現(xiàn)在のユーザーのメモのみが表示されるように、コントローラー內(nèi)のconfig_form.yamlメソッドに細(xì)心の注意を払ってください。 フォーム構(gòu)成のスクリーンショットは有用です：listExtendQueryBefore

この詳細(xì)な內(nèi)訳は、クイックノートウィジェットの構(gòu)築に役立つはずです。さらなる支援については、10月のドキュメントを參照し、特定のニーズにコードを適合させることを忘れないでください。 元の応答の最後にあるFAQは、10月の操作に追加の役立つ情報(bào)を提供します。

以上が10月のウィジェットプラグインを構(gòu)築する方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。