Komponen bilah adalah alat di Laravel untuk menganjurkan dan menggunakan semula kod paparan. Langkah -langkah untuk menggunakannya adalah seperti berikut: 1. Buat kelas komponen dan lihat fail melalui perintah Artisan PHP Artisan Make: Component Alert; 2. Tentukan parameter dalam kaedah __construct kelas komponen dan menjadikan kandungan dalam pandangan bilah; 3. Panggil komponen melalui sintaks di halaman dan lulus parameter atau kandungan slot; 4. Tentukan alias atau struktur direktori untuk komponen melalui konfigurasi untuk mencapai pengurusan klasifikasi; 5. Gunakan atribut $ untuk menyokong atribut dinamik, dan anda juga boleh membuat komponen bukan logik. Pada masa yang sama, berhati -hati untuk mengelakkan bersarang terlalu mendalam dan mempengaruhi prestasi.

Komponen bilah adalah cara yang kuat yang disediakan oleh Laravel untuk mengatur dan menggunakan semula kod pandangan. Ia agak seperti konsep komponen Vue atau React, tetapi berjalan di sebelah pelayan. Jika anda ingin membuat templat bilah anda lebih jelas dan lebih banyak dipelihara, menggunakan komponen bilah adalah pilihan yang baik.

Buat komponen bilah

Untuk membuat komponen bilah, gunakan perintah artisan:

 PHP Artisan Make: Makluman Komponen

Ini menjana dua fail: app/View/Components/Alert.php dan resources/views/components/alert.blade.php .

Kaedah __construct dalam kelas komponen digunakan untuk menerima parameter, dan kaedah render() mengembalikan pandangan bilah yang sepadan. Sebagai contoh, anda boleh lulus dalam jenis dan mesej seperti ini:

 // Dalam Fungsi Awam Kelas Komponen __Construct (jenis rentetan awam $, rentetan awam $ mesej)
{
}

Kemudian anda boleh menggunakan $type dan $message dalam fail bilah untuk menjadikan kandungan.

Menggunakan komponen bilah dalam pandangan

Menggunakan komponen bilah sangat mudah, hanya panggilnya melalui sintaks <x-component-name /> . Sebagai contoh, komponen amaran di atas:

 <x-alert type = "success" message = "Operasi berjaya!" />

Jika anda perlu lulus kandungan HTML, anda boleh menggunakan slot:

 <x-alert type = "Danger">
    <strong> ada yang tidak kena! </strong> Sila periksa input anda.
</x- alert>

Pada masa ini anda perlu menggunakan {{ $slot }} dalam paparan komponen untuk memaparkan kandungan.

Anda juga boleh menentukan alias untuk komponen, atau meletakkan komponen dalam subdirektori (seperti components.forms.input ), selagi laluan sepadan.

Struktur penamaan komponen dan direktori tersuai

Secara lalai, Laravel mencari komponen di bawah resources/views/components . Jika anda ingin menyesuaikan struktur direktori atau ruang nama, anda boleh mengkonfigurasinya di AppServiceProvider :

 Gunakan Illuminate \ Support \ Facades \ Blade;

Boot Fungsi Awam ()
{
    Bilah :: komponen ('komponen.buttons.primary', 'primarybutton');
}

Dengan cara ini, anda boleh menggunakan <x-primary-button></x-primary-button> untuk memanggil resources/views/components/buttons/primary.blade.php .

Kaedah ini sesuai untuk pengurusan klasifikasi apabila skala projek menjadi lebih besar, seperti menyimpan butang, kad, bentuk dan komponen lain dalam kategori.

Petua dan langkah berjaga -jaga

• Jika anda mahu komponen anda menyokong atribut dinamik (serupa dengan atribut HTML), anda boleh menggunakan pembolehubah $attributes dalam kelas komponen.
• Komponen bilah tidak dipaksa untuk mengikat fail kelas. Anda juga boleh membuat fail .blade.php secara langsung dalam direktori komponen untuk digunakan sebagai komponen "tiada logik".
• Apabila menggunakan komponen, berhati -hati untuk mengelakkan bersarang terlalu mendalam, jika prestasi mungkin terjejas.
• Ia boleh digunakan bersempena dengan kelas alat seperti CSS Tailwind untuk menjadikan komponen lebih serba boleh.

Itu pada dasarnya. Komponen bilah tidak kompleks, tetapi ia sangat praktikal dalam pembangunan sebenar, terutamanya sesuai untuk merangkumi bahagian -bahagian UI yang sering diulangi.

Atas ialah kandungan terperinci Mencipta dan menggunakan komponen bilah di Laravel.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!