Nếu bạn đã viết mã với Laravel một thời gian, bạn hẳn đã nghe nói về gói Laravel Livewire 'thần kỳ'. Livewire là một cách thực sự tuyệt vời [và gần như kỳ diệu] để tạo giao diện tương tác và giao tiếp 'thời gian thực' với phụ trợ Laravel của bạn. Và nó làm tất cả điều này một cách rất đơn giản. Trong bài viết này, tôi sẽ chỉ cho bạn kiến thức cơ bản về Laravel Livewire, để bạn có thể sử dụng Livewire ngay lập tức🚀
Sự kết hợp giữa tính đơn giản và sức mạnh là điều khiến Laravel Livewire trở nên tuyệt vời và tại sao nó lại được rất nhiều nhà phát triển sử dụng. Nó đặc biệt là một sự thay thế tốt cho sự kết hợp giữa Laravel + Inertia + Vue, đặc biệt nếu bạn vẫn quen dùng 'Vue-ma thuật', nhưng cảm thấy rằng Vue quá phức tạp để thiết lập
Thông tin cơ bản về Livewire
Điều đầu tiên bạn nên biết là Livewire hoạt động với cái gọi là thành phần. Điều đó có nghĩa là bạn có thể có một thành phần tìm kiếm, một thành phần chỉnh sửa, bạn đặt tên cho nó. Mỗi thành phần Livewire bao gồm [trong hầu hết các trường hợp] hai tệp
Tệp lớp thành phần
Tệp Blade có đánh dấu [HTML]
Ngoài ra, bạn cũng có thể có một bài kiểm tra cho từng thành phần, nhưng đó là điều bạn nên quan tâm sau này [nhưng đừng quên nó. 😄]
Cài đặt Livewire
Trước tiên, bạn cần cài đặt Laravel Livewire. Để làm như vậy, hãy chạy lệnh soạn thảo sau
composer require livewire/livewire
Tiếp theo, bạn cần tải tệp JavaScript Livewire và tệp CSS Livewire. Nếu không tải các tệp đó trên một trang, bạn không thể sử dụng Livewire. May mắn thay, Livewire làm cho điều này thực sự dễ dàng đối với chúng tôi. Tất cả những gì bạn cần làm là thêm hai lệnh Blade bên dưới vào các tệp Blade của bạn và đảm bảo rằng các lệnh này được tải trên mọi trang
Nơi tốt nhất để đặt chúng thường là trong tệp
php artisan make:livewire ComponentName
...
@livewireStyles
...
@livewireScripts
Tạo các thành phần Livewire
Bây giờ là lúc tạo thành phần Livewire đầu tiên của chúng tôi. Cách tốt nhất để tạo một thành phần Livewire là chạy lệnh artisan sau, tương tự như các lệnh artisan thông thường của Laravel
php artisan make:livewire ComponentName
Thao tác này sẽ tạo hai tệp, tệp có logic Livewire và bố cục Blade
Ứng dụng\Http\Livewire\ComponentName. php
tài nguyên/lượt xem/livewire/tên thành phần. lưỡi. php
Bạn cũng có thể tạo một thành phần Livewire trong một không gian tên
php artisan make:livewire Dashboard/ComponentName
Lệnh trên tạo hai tệp sau