Rate this post

Bố cục trang chính

Bố cục trang chính xác định bố cục chung trên tất cả các trang web. Tất cả các ứng dụng web đều có bố cục trang chính để xác định bố cục chung trên tất cả các trang web. Công cụ tạo blade template xác định bố cục chính có thể được mở rộng bởi tất cả các trang web. Bố cục trang chính có sẵn trong thư mục / resources / views / layouts /.

Các bài viết liên quan:

Chúng ta hãy hiểu thông qua một ví dụ.

Đầu tiên, tạo thư mục có tên là ‘layout’ trong thư mục resources / views /.

Bây giờ, tạo một tệp mới trong thư mục bố cục ‘master.blade.php’.

Chúng tôi thêm mã sau vào tệp master.blade.php.

master.blade.php

Trong đoạn mã trên, chúng tôi đã sử dụng chỉ thị @yield. @Yield được sử dụng để hiển thị nội dung. @Yield (‘content’) hiển thị nội dung của ‘content’ trong khi @yield (‘footer’) hiển thị nội dung của footer.

Mở rộng bố cục chính

  • Bây giờ, chúng ta sẽ mở rộng bố cục chính ở trên trong tệp contact.blade.php như hình dưới đây:

Contact.blade.php

Trong đoạn mã trên, chúng tôi sử dụng chỉ thị @extends. Lệnh ‘@extends’ được sử dụng để kế thừa bố cục phiến trong tệp contact.blade.php. ‘@Section (‘ content ‘)’ xác định phần của nội dung.

  • Bây giờ, Thêm tuyến đường sau vào tệp web.php.

Đầu ra

Chúng tôi cũng có thể thêm mã javascript trong tệp contact.blade.php. Giả sử tôi đã thêm mã sau vào tệp contact.blade.php.

Trong đoạn mã trên, tôi đã tạo hộp cảnh báo, đang hiển thị thông báo “Xin chào laravel”.

Hãy xem một ví dụ khác về mẫu blade.

  • Chúng tôi tạo một tệp mới có tên là tệp “post.blade.php”.

post.blade.php

Đoạn mã trên xác định phần nội dung mà chúng tôi đang hiển thị các giá trị của id, mật khẩu và tên tương ứng.

  • Bây giờ, chúng tôi tạo một bộ điều khiển có tên là ‘PostController.php’.

PostController.php

Trong tệp PostController.php, chúng tôi đã xác định một hàm mới có tên là show_post () để chuyển dữ liệu đến tệp post.blade.php.

  • Cuối cùng, chúng tôi xác định một tuyến đường trong tệp web.php.

web.php

Đầu ra

Cho đến bây giờ, chúng ta đã thấy rằng cả hai tệp post.blade.php và contact.blade.php đều đang mở rộng tệp bố cục chính. Đây là ưu điểm chính của bố cục chính mà mọi tệp đều có thể mở rộng bố cục của tệp chính và thêm các chức năng của riêng chúng.

Sử dụng chỉ thị @parent

Việc sử dụng chỉ thị @parent là để hiển thị nội dung của phần được xác định trong bố cục chính.

Chúng ta hãy hiểu thông qua một ví dụ.

  • Đầu tiên, chúng tôi tạo một tệp chính.

master.blade.php

  • Bây giờ, chúng tôi tạo contact.blade.php, trong đó chúng tôi mở rộng tệp master.blade.php ở trên.

Trong đoạn mã trên, chỉ thị @parent thêm nội dung đoạn văn vào phần chân trang.

Đầu ra

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Contact Me on Zalo
Call now