カスタムページの例

7070 ワード
laravel beginners tutorial javascript テキストリンク
もともとhttps://codeanddeploy.com訪問し、サンプルコードをダウンロードしてください
この記事では、プロジェクトでLaRavel 8 404カスタムページを作成する方法の例を示します.Laravel 404ページのデフォルトを使用したくない場合は、カスタムページを作成します.次に、以下の簡単なチュートリアルに従ってください.
ユーザーが既存のルートまたはURLをLALAVEL 8アプリケーションに入力すると、404ページがエラーページをスローします.
以下は、Laravel 404カスタムページを実装する方法の簡単な手順です.

https://codeanddeploy.com/blog/laravel/create-laravel-8-404-custom-page-example ステップ1：ラーラベルインストール


LAVAVEL 8プロジェクトを最初にインストールする必要があります.あなたがちょうどこのセクションをスキップしないならば.laravelをインストールするには、次のコマンドを実行します.
composer create-project laravel/laravel laravel-404

ステップ2 :カスタムララベル404エラーページを作成する


ここで私たちのカスタムLaravel 404エラーページを作成する必要があります/フォルダ/フォルダを作成し、エラーフォルダと呼ばれるフォルダを作成し、404と呼ばれるファイルを作成します.ブレード.PHPユーザーがプロジェクト内の既存のURLを訪問した場合、あなたのブレードが自動的に表示されます.
私たちのカスタムLaravel 404エラーページブレードテンプレートです.以下のコードを404にコピーします.ブレード.PHPテンプレート.
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Laravel 8 Custom 404 Page Example</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">

    <style type="text/css">
        body { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);}
            .error-template {padding: 40px 15px;text-align: center;}
            .error-actions {margin-top:15px;margin-bottom:15px;}
            .error-actions .btn { margin-right:10px; }
    </style>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="error-template">
                    <h1>
                        Oops!</h1>
                    <h2>
                        404 Not Found</h2>
                    <div class="error-details">
                        Sorry, an error has occured, Requested page not found!
                    </div>
                    <div class="error-actions">
                        <a href="https://codeanddeploy.com" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-home"></span>
                            Take Me Home </a><a href="https://codeanddeploy.com" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-envelope"></span> Contact Support </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>

ステップ3：テスト結果


さあ、404カスタムページをテストしましょう.次のコマンドを実行します.
php artisan serve
次に、ブラウザのアドレスバーで次のURLを実行します.
http://127.0.0.1:8000/not-found
次に、これはあなたのブラウザに表示されます.

私はこのチュートリアルを助けることを望む.あなたがこのコードをダウンロードしたいならば、親切にをここで訪問してください.
ハッピーコーディング
TIL 84|getterとsetter
Alarxポストリクエスト例