andriajah Mon May 2020 2 years ago

Contoh Custom Error Page di Laravel

Dalam tutorial ini, Anda akan belajar cara membuat custom error page di laravel 7/6. Anda akan belajar cara membuat custom error page 404 di laravel 7/6. kami akan membantu Anda memberikan contoh cara mengatur error page 404 di laravel 7/6. jika Anda ingin melihat contoh page laravel 7/6 custom 404 maka Anda adalah tempat yang tepat. Mari kita mulai dengan laravel 7/6 contoh halaman kesalahan baru.

Biasanya, jika Anda menetapkan debug false maka laravel menampilkan halaman kesalahan default dari predefine mereka. tetapi jika Anda ingin membuat halaman kesalahan kustom Anda sendiri maka Anda dapat melakukannya menggunakan tutorial ini.

Anda perlu membuat file blade seperti direktori 404.blade.php, 405.blade.php dll pada direktori error (resources/view.errors) di laravel 6. Anda dapat melihat saya membuat file blade 404 dan memeriksanya di proyek Anda.

Hampir kami menggunakan tema untuk front-end atau sisi backend dan kami selalu mencari set 404, 500 atau 505 desain halaman kesalahan dari sana yang kami gunakan untuk proyek. Jadi itu adalah cara yang sangat sederhana dan mudah untuk membuat 404 halaman kustom di proyek laravel 6. saya menambahkan di bawah ini screenshot dari desain halaman kesalahan 6 laravel.

Default page 404 :

Sekarang Anda hanya perlu membuat "errors" folder di direktori resources Anda dan kemudian setelah Anda perlu membuat 404.blade.file di dalam folder itu. Jadi, pada dasarnya laravel akan menetapkan desain default, tetapi jika Anda membuat 404 file ke dalam direktori "errors" maka akan diambil dari sana.

Jadi, Anda hanya perlu membuat file 404 blade dan memasukkan kode Anda sendiri seperti yang saya tambahkan maka Anda cukup memeriksanya.

resources/views/errors/404.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" ></script>
    <style type="text/css">
        body{
          margin-top: 150px;
            background-color: #C4CCD9;
        }
        .error-main{
          background-color: #fff;
          box-shadow: 0px 10px 10px -10px #5D6572;
        }
        .error-main h1{
          font-weight: bold;
          color: #444444;
          font-size: 100px;
          text-shadow: 2px 4px 5px #6E6E6E;
        }
        .error-main h6{
          color: #42494F;
        }
        .error-main p{
          color: #9897A0;
          font-size: 14px; 
        }
    </style>
</head>
<body>
    <div class="container">
      <div class="row text-center">
        <div class="col-lg-6 offset-lg-3 col-sm-6 offset-sm-3 col-12 p-3 error-main">
          <div class="row">
            <div class="col-lg-8 col-12 col-sm-10 offset-lg-2 offset-sm-1">
              <h1 class="m-0">404</h1>
            <h6>Page not found - Medikre.com</h6>
              <p>Lorem ipsum dolor sit <span class="text-info">amet</span>, consectetur <span class="text-info">adipisicing</span> elit, sed do eiusmod.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
</body>
</html>

Sekarang Anda cukup menjalankan aplikasi Anda dengan mengikuti perintah:

php artisan serve

Sekarang Anda dapat membuka url berikut dan Anda akan melihat halaman error seperti di atas:

http://localhost:8000/asas

Sekarang Anda cukup memeriksanya.

Saya harap ini dapat membantu Anda ....

custom error page laravel laravel