Các thành phần của Laravel là một tính năng nâng cao, được bổ sung từ phiên bản thứ 7 của laravel. Trong hướng dẫn này, chúng tôi thảo luận về thành phần là gì, cách tạo và sử dụng các thành phần trong mẫu phiến và truyền dữ liệu trong thành phần
Hãy bắt đầu với một số giới thiệu
Thành phần Laravel là gì?
Một thành phần là một đoạn mã mà chúng ta có thể sử dụng lại trong bất kỳ mẫu phiến nào. Nó tương tự như các phần, bố cục và bao gồm. Ví dụ: chúng tôi sử dụng cùng một tiêu đề cho mỗi mẫu, vì vậy chúng tôi có thể tạo thành phần Tiêu đề mà chúng tôi có thể sử dụng lại
Một cách sử dụng khác của các thành phần để hiểu rõ hơn là bạn cần sử dụng nút Đăng ký trên trang web ở nhiều vị trí như ở đầu trang, chân trang hoặc bất kỳ vị trí nào khác trên trang web. Sau đó, tạo một thành phần của mã nút đó và sử dụng lại nó
Cách tạo thành phần trong Laravel 8
Ví dụ: chúng tôi tạo một thành phần Tiêu đề. Lệnh thủ công bên dưới được sử dụng để tạo thành phần tiêu đề
1
php nghệ nhân làm. thành phần Tiêu đề
Lệnh này tạo hai tệp trong dự án laravel của bạn
Một tệp PHP được tạo với tên Header. php bên trong thư mục app/http/View/Components
Và một tệp HTML khác được tạo với tên của tiêu đề. lưỡi. php bên trong thư mục tài nguyên/lượt xem/thành phần/
Bạn cũng có thể tạo các thành phần có trong thư mục con như
1
php nghệ nhân làm. thành phần Biểu mẫu / Nút
Lệnh này sẽ tạo một thành phần nút trong thư mục App\View\Components\Forms và tệp phiến sẽ được đặt trong thư mục resource/views/components/forms
Cú pháp này được sử dụng để kết xuất thành phần trong tệp HTML
Ví dụ về các thành phần của Laravel 8
Bước 1. Trước tiên, chúng tôi đặt một số mã HTML vào tiêu đề thành phần. lưỡi. tập tin php
1
2
3
Tiêu đề Thành phần
Bước 2. Bây giờ hãy tạo người dùng. lưỡi. php xem tệp trong thư mục tài nguyên, trong đó chúng ta có thể sử dụng thành phần tiêu đề
1
2
Người dùng Trang
Bước 3. Bây giờ ta gọi user xem template thông qua phương thức định tuyến của laravel, nó hiện ra kết quả như vậy
Truyền dữ liệu trong Laravel Component
Để truyền dữ liệu cho thành phần balme bằng cú pháp bên dưới
Ví dụ: chúng tôi đã sử dụng thành phần trên trong người dùng. lưỡi. tập tin php
Bạn nên xác định dữ liệu của thành phần trong tiêu đề. tập tin php. Tất cả dữ liệu biến công khai tự động có sẵn cho chế độ xem của thành phần
Thêm mã vào tiêu đề. php bên trong thư mục app/http/View/Components/
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
tiêu đề = $message;
}
}
Bây giờ hãy thêm biến $title này vào tiêu đề. lưỡi. tệp thành phần php để hiển thị dữ liệu đã truyền
1
2
3
{{$title}}'sHeader Component
Bây giờ dữ liệu thành phần đã qua này sẽ hiển thị trong mẫu xem của người dùng như bên dưới
Tương tự, bạn có thể sử dụng thành phần này trên một trang xem khác với dữ liệu khác như tạo một tệp xem khác với tên của liên hệ. lưỡi. php và thêm mã thành phần bên dưới để hiển thị dữ liệu đã truyền
Trong thành phần, đôi khi bạn cần chỉ định các thuộc tính HTML bổ sung, như tên lớp CSS, bạn có thể thêm trực tiếp