Laravel에서 Toastr 알림을 추가하는 방법

2952 단어 phpcssjavascriptlaravel
이 튜토리얼에서는 Laravel 애플리케이션에서 Toastr 알림을 추가하는 방법을 보여줍니다.

jquery를 사용한 간단한 팝업 알림, 부트스트랩 모달을 사용한 표시 메시지, 플래시 메시지를 사용한 표시 알림, 토스트 메시지 알림과 같이 라라벨이나 PHP에서 다양한 메시지를 표시하는 데 사용할 수 있는 알림 유형이 많이 있습니다. 따라서 출력을 얻기 위해 애플리케이션에 아래 코드를 시작하고 추가해 보겠습니다.

먼저 기본 보기 블레이드 파일에 bootstrap CSS, Jquery JS, toastr CSS 및 toastr JS를 추가해야 합니다. 태그의 CDN 아래에 추가했습니다.

<head>
    <title>Laravel Toastr Notification Example - websolutionstuff.com</title>

    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0- 
     alpha/css/bootstrap.css" rel="stylesheet">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <link rel="stylesheet" type="text/css" 
     href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
</head>


그런 다음 아래와 같이 스크립트 태그에 다른 토스터 메시지를 추가해야 합니다.

<script>
  @if(Session::has('message'))
  toastr.options =
  {
    "closeButton" : true,
    "progressBar" : true
  }
        toastr.success("{{ session('message') }}");
  @endif

  @if(Session::has('error'))
  toastr.options =
  {
    "closeButton" : true,
    "progressBar" : true
  }
        toastr.error("{{ session('error') }}");
  @endif

  @if(Session::has('info'))
  toastr.options =
  {
    "closeButton" : true,
    "progressBar" : true
  }
        toastr.info("{{ session('info') }}");
  @endif

  @if(Session::has('warning'))
  toastr.options =
  {
    "closeButton" : true,
    "progressBar" : true
  }
        toastr.warning("{{ session('warning') }}");
  @endif
</script>


그런 다음 컨트롤러에서 리디렉션 URL을 사용하여 보기 파일에 메시지를 표시해야 하므로 컨트롤러에도 일부 코드를 추가해야 합니다. 따라서 컨트롤러에서 아래 코드를 복사하십시오.

return redirect()->route('your route name')->with('message','Data added Successfully');

return redirect()->route('your route name')->with('error','Data Deleted');

return redirect()->route('your route name')->with('Warning','Are you sure you want to delete? ');

return redirect()->route('your route name')->with('info','This is xyz information');


따라서 이 코드를 성공적으로 구현하고 laravel 애플리케이션에 다른 메시지를 표시하기를 바랍니다.

Read Also : How To Add Bootstrap Modal In Laravel

js 프레임 워 크 디자인 1.2 대상 확장 노트
[동적 계획] UVA111 - History Grading

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage