Virus Corona (Covid-19)

Dapatkan Informasi terbaru

Contoh Custom Error Page Pada Laravel 7 atau 6

IF MAN 14 Apr 2020 2,589

Dalam tutorial ini, Anda akan belajar cara membuat halaman kesalahan khusus di laravel 7 atau 6. Anda akan belajar cara membuat halaman kesalahan 404 di laravel 7/6. kami akan membantu Anda memberikan contoh cara mengatur 404 halaman kesalahan di laravel 7/6. jika Anda ingin melihat contoh halaman 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 project 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 project. Jadi itu adalah cara yang sangat sederhana dan mudah untuk membuat 404 halaman kustom di project laravel 6. saya menambahkan di bawah ini screenshot dari desain halaman kesalahan laravel 6.

 

Default Halaman 404:

Sekarang Anda hanya perlu membuat "error" 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 - ItSolutionStuff.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 ....

Tags

laravel laravel 6 laravel 7 error page

Related Stories


Latest Stories


Close Ads X