Contoh Praktis Plugin

Bab-bab sebelumnya secara terpisah memperkenalkan kapabilitas seperti Plugin, Router, Component, Context, FlowEngine, dll. Bab ini menggabungkan semuanya — melalui beberapa contoh praktis lengkap, menunjukkan seluruh proses plugin dari pembuatan hingga selesai.

Setiap contoh sesuai dengan plugin contoh yang dapat dijalankan, Anda dapat langsung melihat source code atau menjalankannya secara lokal.

Daftar Contoh

ContohKapabilitas yang TerlibatTingkat Kesulitan
Membuat Halaman Pengaturan PluginPlugin + Router + Component + Context + ServerPemula
Membuat Block Tampilan KustomPlugin + FlowEngine (BlockModel)Pemula
Membuat Component Field KustomPlugin + FlowEngine (FieldModel)Pemula
Membuat Tombol Action KustomPlugin + FlowEngine (ActionModel)Pemula
Membuat Plugin Manajemen Data Front-Back EndPlugin + FlowEngine (TableBlockModel + FieldModel + ActionModel) + ServerLanjutan

Disarankan dibaca berurutan. Contoh pertama menggunakan Component React + endpoint server sederhana, tidak melibatkan FlowEngine; tiga contoh berikutnya secara terpisah mendemonstrasikan tiga class dasar Block, Field, Action FlowEngine; contoh terakhir menggabungkan Block, Field, Action yang dipelajari sebelumnya, ditambah tabel data server, membentuk plugin integrasi front-back end yang lengkap. Jika Anda masih tidak yakin menggunakan Component React atau FlowModel, dapat melihat dulu Component vs FlowModel.

Tautan Terkait