Trong phần này, chúng ta sẽ sử dụng Laravel 5.7 để chúng ta có thể sử dụng thông báo flash cảnh báo bootstrap tùy chỉnh. Trong ví dụ đã cho của chúng tôi, chúng tôi sẽ sử dụng phương thức controller để chuyển hướng với một thông báo cảnh báo, và sau đó chúng tôi sẽ sử dụng tệp phiến để in thông báo flash. Dự án bootstrap Laravel 5.7 của chúng tôi sẽ hiển thị một số thông báo như cảnh báo cảnh báo, cảnh báo nguy hiểm, thông tin cảnh báo, cảnh báo thành công, v.v. Chúng tôi có thể dễ dàng thực hiện mà không cần sử dụng bất kỳ gói trình soạn thảo nào. Vì vậy, trong ví dụ của chúng tôi, chúng tôi sẽ không sử dụng bất kỳ gói nào.
Các bài viết liên quan:
Nếu chúng tôi sử dụng ứng dụng laravel 5.7, nó sẽ yêu cầu thông báo flash vì thông báo flash được sử dụng để cung cấp cảnh báo với chi tiết về tiến trình hoàn chỉnh, cảnh báo và lỗi, v.v. Thông báo flash có thể được cung cấp theo một số cách như chuyển hướng với thông báo thông tin, thông báo lỗi, thông báo thành công và thông báo cảnh báo. Trong ví dụ của chúng tôi, chúng tôi sẽ tạo một bố cục tốt bằng cách sử dụng bố cục cảnh báo flash bootstrap. Trong ứng dụng laravel, chúng ta có thể tích hợp tin nhắn flash bằng quy trình từng bước như sau:
Bước 1:
Trong bước này, chúng ta sẽ tạo tệp Global Blade cho Flash Message. Đối với điều này, flash-message.blade.php sẽ được tạo, là một tệp phiến mới. Chúng tôi sẽ sử dụng tệp này để viết mã cảnh báo bootstrap và chúng tôi sẽ kiểm tra thông báo nào đến. Đối với điều này, chúng tôi sẽ thêm một số cảnh báo, được mô tả như sau:
- success
- error
- warning
- info
- validation error
Vì vậy, chúng ta sẽ tạo tệp flash.message.blade.php. Sau đó, chúng tôi sẽ sử dụng mã sau để thêm vào tệp:
resource / views / flash-message.blade.php:
Bước 2:
Trong bước thứ hai, chúng ta sẽ Bao gồm thông điệp Flash trong Chủ đề. Đối với điều này, chúng tôi sẽ sử dụng tệp mặc định chủ đề của mình và sau đó bao gồm tệp flash-message.blade.php vào đó, được hiển thị trong đoạn mã sau:
resource / views / layouts / app.blade.php
Bước 3:
Trong bước thứ ba, chúng ta sẽ Sử dụng tin nhắn flash với Chuyển hướng. Ở đây chúng tôi sẽ chuyển hướng từng cái một và cung cấp thông báo trên mỗi lần chuyển hướng. Các thông báo chuyển hướng có thể được chia thành nhiều loại khác nhau.
Chuyển hướng với thông báo thành công
Nếu dự án của chúng tôi trong Laravel cần chuyển hướng url, chuyển hướng tuyến đường hoặc chuyển hướng trở lại, chúng tôi có thể dễ dàng thực hiện điều đó với sự trợ giúp của thông báo flash thành công. Để làm điều này thành công, chúng tôi phải sử dụng một bộ điều khiển, được mô tả như sau:
Mã trên của chúng tôi đã sẵn sàng để chạy. Khi chúng tôi chạy mã này, chúng tôi sẽ nhận được đầu ra bên dưới của thông báo flash thành công như thế này:
Chuyển hướng với thông báo lỗi
Nếu dự án của chúng tôi trong laravel cần chuyển hướng url, chuyển hướng tuyến đường hoặc chuyển hướng trở lại, chúng tôi có thể dễ dàng thực hiện điều đó với sự trợ giúp của thông báo lỗi flash. Để làm điều này thành công, chúng tôi phải sử dụng một bộ điều khiển, được mô tả như sau:
Mã trên của chúng tôi đã sẵn sàng để chạy. Khi chúng tôi chạy mã này, chúng tôi sẽ nhận được đầu ra bên dưới của thông báo lỗi flash như thế này:
Chuyển hướng với thông báo cảnh báo
Nếu dự án của chúng tôi trong Laravel cần chuyển hướng url, chuyển hướng tuyến hoặc chuyển hướng trở lại, chúng tôi có thể dễ dàng thực hiện điều đó với sự trợ giúp của thông báo flash cảnh báo. Để làm điều này thành công, chúng tôi phải sử dụng một bộ điều khiển, được mô tả như sau:
Mã trên của chúng tôi đã sẵn sàng để chạy. Khi chúng tôi chạy mã này, chúng tôi sẽ nhận được đầu ra bên dưới của thông báo flash cảnh báo như sau:
Chuyển hướng với thông báo thông tin
Nếu dự án của chúng tôi trong Laravel cần chuyển hướng url, chuyển hướng tuyến đường hoặc chuyển hướng trở lại, chúng tôi có thể dễ dàng thực hiện điều đó với sự trợ giúp của thông báo flash thông tin. Để làm điều này thành công, chúng tôi phải sử dụng một bộ điều khiển, được mô tả như sau:
Mã trên của chúng tôi đã sẵn sàng để chạy. Khi chúng tôi chạy mã này, chúng tôi sẽ nhận được đầu ra bên dưới của thông báo flash thông tin như thế này:
Lỗi xác thực
Chúng tôi sẽ tự động chuyển hướng trở lại lỗi nếu chúng tôi muốn sử dụng xác thực trong laravel 5. Sau đó, một thông báo flash lỗi cũng sẽ được tạo ra.
Mã trên của chúng tôi đã sẵn sàng để chạy. Khi chúng tôi chạy mã này, chúng tôi sẽ nhận được đầu ra bên dưới của thông báo lỗi flash như thế này:
Bằng cách sử dụng cách trên trong ứng dụng laravel 5 của chúng tôi, chúng tôi có thể dễ dàng thực hiện các tin nhắn flash.
