programming

Làm cách nào để thêm thông báo Toastr trong Laravel?

Xin chào devloper, Hôm nay chúng ta sẽ tìm hiểu cách thêm toast notification vào ứng dụng laravel 9. Hướng dẫn này sẽ đề cập đến việc thêm thông báo toast trong ứng dụng laravel 9

Chúng ta sẽ sử dụng Laravel Notify. Laravel Notify là gói cho phép bạn thêm thông báo tùy chỉnh vào dự án của mình. Một loạt các thiết kế thông báo có sẵn

Hướng dẫn này sẽ hoạt động trong mọi phiên bản của ứng dụng laravel laravel 5, laravel 6, laravel 7, laravel 8 và laravel 9. Vui lòng cho chúng tôi biết nếu có bất kỳ vấn đề nào phát sinh trong bất kỳ phiên bản nào

Bạn cũng có thể thêm thông báo bánh mì nướng vào trang web mua sắm để hiển thị thông báo khi thêm thành công các mặt hàng vào giỏ hàng, xóa khỏi giỏ hàng, v.v. Có một hướng dẫn về cách thêm vào giỏ hàng trong laravel, bạn có thể muốn kiểm tra

cũng đọc. Hướng dẫn và ví dụ về giỏ hàng Laravel 9

Hướng dẫn này Thêm thông báo Flash linh hoạt cho Ứng dụng Laravel. Vì vậy, hãy bắt đầu với hướng dẫn

Các bước để thêm thông báo bánh mì nướng trong Laravel 9

Bước 1. Cài đặt ứng dụng Laravel
Bước 2. Cấu hình cơ sở dữ liệu
Bước 3. Cài đặt Laravel Breeze
Bước 4. Cài đặt Laravel Gói thông báo
Bước 5. Thêm thông báo Laravel với laravel dễ dàng
Bước 6. Thêm thông báo bánh mì nướng trong RegisteredUserController
Bước 7. thử nghiệm

Bước 1. Cài đặt ứng dụng Laravel

Đầu tiên chúng ta sẽ cài đặt ứng dụng laravel. Bạn cũng có thể kiểm tra tài liệu laravel về cách cài đặt ứng dụng laravel. Để cài đặt ứng dụng laravel vào hệ thống của bạn, hãy chạy lệnh sau trong terminal

composer create-project --prefer-dist laravel/laravel laravel-add-toastcd laravel-add-toast

Điều này sẽ cài đặt ứng dụng laravel

Bước 2. Cấu hình cơ sở dữ liệu

Bây giờ, chúng ta cần kết nối cơ sở dữ liệu với ứng dụng laravel. Chúng tôi cần chỉnh sửa. env và nhập chi tiết cơ sở dữ liệu

env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-add-toast
DB_USERNAME=root
DB_PASSWORD=

Thay đổi chi tiết cơ sở dữ liệu theo chi tiết cơ sở dữ liệu của bạn

Thêm thông báo bánh mì nướng trong Laravel 9

cũng đọc. Laravel Thêm hình mờ trên hình ảnh

Bước 3. Cài đặt Laravel Breeze

Đã đến lúc cài đặt một làn gió laravel vào ứng dụng laravel của chúng ta. Chạy lệnh sau để cài đặt Laravel Breeze

composer require laravel/breeze --dev

Thêm thông báo bánh mì nướng trong Laravel 9

Bây giờ hãy chạy lệnh sau

php artisan breeze:install

Thêm thông báo bánh mì nướng trong Laravel 9

php artisan migrate
npm install
npm run dev

Thêm thông báo bánh mì nướng trong Laravel 9

cũng đọc. Cách kiểm tra ngày có phải là ngày hôm nay hay không trong Laravel Carbon?

Bước 4. Cài đặt Laravel Gói thông báo

Laravel Notify là gói cho phép bạn thêm thông báo tùy chỉnh vào dự án của mình. Một loạt các thiết kế thông báo có sẵn

Cài đặt gói thông báo laravel bằng trình soạn thảo. Chạy lệnh sau để cài đặt gói thông báo

composer require mckenziearts/laravel-notify

Thêm thông báo bánh mì nướng trong Laravel 9

Bạn có thể xuất bản tệp cấu hình và nội dung bằng cách chạy

php artisan vendor:publish --provider="Mckenziearts\Notify\LaravelNotifyServiceProvider"

Thêm thông báo bánh mì nướng trong Laravel 9

Bây giờ chúng tôi đã xuất bản một vài tệp mới cho ứng dụng của mình, chúng tôi cần tải lại chúng bằng lệnh sau

composer dump-autoload

Thêm thông báo bánh mì nướng trong Laravel 9

Bây giờ chúng ta sẽ thêm các kiểu và tập lệnh thông báo của laravel trong ứng dụng của mình. Cách sử dụng các kiểu và tập lệnh của Laravel và các chức năng chúc mừng tin nhắn

Thêm liên kết kiểu với @notifyCss
Thêm liên kết tập lệnh với @notifyJs
sử dụng chức năng trợ giúp notify[] bên trong bộ điều khiển của bạn để đặt thông báo bánh mì nướng cho thông tin, thành công, cảnh báo hoặc lỗi
Bao gồm một phần thông báo cho bố cục chính của bạn @include['notify. các thành phần. thông báo']

Ví dụ sử dụng

________số 8

cũng đọc. Cách lấy tất cả các biến env trong Laravel?

Bước 5. Thêm thông báo Laravel với laravel dễ dàng

Bây giờ chúng ta sẽ thêm kiểu thông báo laravel và tập lệnh vào ứng dụng laravel của chúng ta vào ứng dụng. lưỡi. tập tin php

tài nguyên/lượt xem/bố cục/ứng dụng. lưỡi. php



    
        
        
                Add Toast Notification in Laravel 9 - LaravelTuts.com        
                
        @notifyCss        
        @vite[['resources/css/app.css', 'resources/js/app.js']]
    
    
        
            @include['layouts.navigation']            
            @if [isset[$header]]
                
                    
                        {{ $header }}
                    

                
            @endif            
            
                {{ $slot }}
            
        

        
        
        @notifyJs

Loại thông báo

Laravel Notify thực sự hiển thị 5 loại thông báo

Thông báo

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-add-toast
DB_USERNAME=root
DB_PASSWORD=

9, [Thông báo mặc định cho Laravel Notify]

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-add-toast
DB_USERNAME=root
DB_PASSWORD=

Thông báo

composer require laravel/breeze --dev

0, ví dụ về cách sử dụng cơ bản

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-add-toast
DB_USERNAME=root
DB_PASSWORD=

Thông báo

composer require laravel/breeze --dev

1 [😎], chỉ hiển thị một cảnh báo

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-add-toast
DB_USERNAME=root
DB_PASSWORD=

Thông báo

composer require laravel/breeze --dev

2, hiển thị thông báo bánh mì nướng tùy chỉnh đơn giản bằng biểu tượng cảm xúc mặt cười [😊]

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-add-toast
DB_USERNAME=root
DB_PASSWORD=

Thông báo

composer require laravel/breeze --dev

3, hiển thị thông báo bánh mì nướng tùy chỉnh đơn giản bằng biểu tượng cảm xúc vector

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-add-toast
DB_USERNAME=root
DB_PASSWORD=

cũng đọc. Hướng dẫn phân trang Laravel

Bước 6. Thêm thông báo bánh mì nướng trong RegisteredUserController

Chúng tôi sẽ chúc mừng thông báo khi người dùng đăng ký vào trang web của chúng tôi để chào mừng họ đến với trang web của chúng tôi

ứng dụng/Http/Bộ điều khiển/Auth/RegisteredUserController. php

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-add-toast
DB_USERNAME=root
DB_PASSWORD=

Thêm thông báo bánh mì nướng trong Laravel 9

cũng đọc. Định dạng thời gian carbon của Laravel Mã ví dụ AM PM

Bước 7. thử nghiệm

Bây giờ chúng tôi đã thêm thông báo bánh mì nướng vào ứng dụng laravel của chúng tôi khi người dùng đăng ký vào trang web của chúng tôi. Đã đến lúc thử nghiệm ứng dụng của chúng tôi. Chạy lệnh sau trong terminal để khởi động máy chủ laravel

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-add-toast
DB_USERNAME=root
DB_PASSWORD=

đồng thời vui lòng tiếp tục chạy vite bằng lệnh sau trong thiết bị đầu cuối mới

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-add-toast
DB_USERNAME=root
DB_PASSWORD=

và mở liên kết sau trong bất kỳ trình duyệt web nào để kiểm tra ứng dụng

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-add-toast
DB_USERNAME=root
DB_PASSWORD=

Bây giờ hãy đăng ký người dùng mới và kiểm tra thông báo bánh mì nướng

Xem trước

Thêm thông báo bánh mì nướng trong Laravel 9

Thêm Toast Notification trong Laravel 9Kết luận

Hôm nay, chúng ta đã học Add Toast Notification trong Laravel 9. Hy vọng hướng dẫn này đã giúp bạn học Laravel 9. Nếu bạn có bất kỳ câu hỏi nào, bạn có thể hỏi chúng tôi ở phần bình luận bên dưới. Nếu bạn thích hướng dẫn, vui lòng đăng ký Kênh YouTube của chúng tôi và theo dõi chúng tôi trên mạng xã hội Facebook và Instagram

Làm cách nào để sử dụng thông báo Toastr trong Laravel?

Trong hướng dẫn này, chúng ta sẽ tạo toast notification bằng gói laravel notify từ mckenziearts. .

Bước 1. Cài đặt Laravel Phiên bản mới nhất

Bước 2. Cài đặt giao diện người dùng Laravel

Bước 3. Cơ sở dữ liệu thiết lập

Bước 4. Cài đặt Laravel Gói thông báo

Bước 5. Bố cục thiết lập

Thông báo Toastr là gì?

Toast Notifications thông báo cho người dùng về sự cố hệ thống . Các thông báo phải có một vị trí nhất quán trong mỗi ứng dụng. Chúng tôi đề xuất phía trên bên phải của ứng dụng. Ngăn thông báo có thể được sử dụng kết hợp với Toast Notifications để cho phép người dùng xem tin nhắn sau.

Làm cách nào để làm bánh mì nướng trong Laravel?

Để tạo một lời chúc mừng, thật đơn giản. chỉ cần thêm tiêu đề, có thể là tin nhắn và loại cho phiên. Và sau đó cập nhật HandleInertiaRequests. php để lấy tệp đó từ phiên và đưa vào phản hồi của nó .

Làm cách nào để sử dụng Toastr trong PHP?

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách thêm trình duyệt và thông báo đẩy trong ứng dụng trò chuyện PHP. Tôi sẽ sử dụng Toastr. js cho thông báo trình duyệt và API OneSignal cho thông báo đẩy trong PHP. .

Thiết lập tài khoản OneSignal

thêm ứng dụng

Nhận khóa ứng dụng và khóa API

Loại thông báo

Xem trước

Làm cách nào để sử dụng thông báo Toastr trong Laravel?

Thông báo Toastr là gì?

Làm cách nào để làm bánh mì nướng trong Laravel?

Làm cách nào để sử dụng Toastr trong PHP?

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề