10月のウィジェットプラグインを構築する方法

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

重要な概念：

プラグインの足場

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

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

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

プラグインの詳細を備えた更新：

および：

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（

フォルダー内）：

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元の応答で詳述されているように、残りのコントローラーアクション（インデックス、作成、更新、削除）およびそれらに関連する構成ファイル（widgets/quicknotewidget/partials、

、

<div class="report-widget">
    <h3 id="this-property-title">{{ $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="https://www.php.cn/link/b4c174fbc208372a8facfe462868ebf1'rafie/quicknote/notes/index') }}">Manage your notes</a>
        </div>
        {{ Form::close() }}
    </div>
</div>

、

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

5。 バックエンドリストとフォーム構成：

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

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

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

以上が10月のウィジェットプラグインを構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。