ThinkPHP6 を使用して美しい 404 ページを実装する-ThinkPHP-php.cn

ThinkPHP6 を使用して美しい 404 ページを実装する

WBOY

リリース： 2023-06-20 11:06:38

オリジナル

1974 人が閲覧しました

インターネットの発展に伴い、多くの Web サイトやアプリケーションは徐々に複雑になってきました。ユーザーがそれを使用すると、エラーページが頻繁に表示されます。その中で最も一般的なのは 404 ページです。 404 ページは、アクセスされているページが存在しないことを意味し、一般的なエラーページです。 Web サイトやアプリケーションの場合、美しい 404 ページはユーザーエクスペリエンスを大幅に向上させます。この記事では、ThinkPHP6を使って美しい404ページを素早く実装する方法を紹介します。

ルートの作成

まず、ルートフォルダーに error.php ファイルを作成し、その中にルートを定義し、エラーページが新しいファイルを指すようにする必要があります。コントローラーのエラーインデックスメソッド。コードは次のとおりです。

<?php
use thinkacadeRoute;

Route::rule('/404', 'error/index')->name('404');

ログイン後にコピー

ここでは、後で呼び出すのを容易にするためにルートに 404 という名前を付けていることに注意してください。

コントローラーとビューの作成

コントローラーフォルダーに新しい Error.php ファイルを作成します。コードは次のとおりです。

<?php

namespace appindexcontroller;

use thinkController;

class Error extends Controller
{
    public function index()
    {
        return $this->fetch('error/404');
    }
}

ログイン後にコピー

ここでは継承します。 Controller クラスを呼び出し、index メソッドで新しく作成された 404 ビューを返します。

ビューフォルダーに新しいエラーフォルダーを作成し、その中に 404.html ファイルを作成します。コードは次のとおりです:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>404 Not Found</title>
    <style>
        body {
            background-color: #eee;
            text-align: center;
            font-family: 'Microsoft YaHei', sans-serif;
        }
        .container {
            margin-top: 10%;
        }
        h1 {
            font-size: 8em;
            color: #ddd;
            margin-bottom: 0;
        }
        p {
            font-size: 3em;
            color: #777;
            margin-top: 0;
        }
        a {
            text-decoration: none;
            color: #000;
            border: 1px solid #000;
            padding: 10px 20px;
            margin-top: 30px;
            display: inline-block;
        }
        a:hover {
            border-color: #777;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>404</h1>
        <p>Page not found</p>
        <a href="<?php echo url('/') ?>">Go back home</a>
    </div>
</body>
</html>

ログイン後にコピー

ここでは、シンプルで美しいデザインを使用してテーマを表示します404 ページとボタンの。

テスト

存在しないルートに自由にアクセスできます。たとえば、http://yourdomain.com/abc にアクセスすると、新しく追加されたルートを確認できます。美しい 404 ページ。

404 ページのカスタマイズ

コンテンツを追加したり、404 ページのスタイルを調整したりする場合は、ビューファイルを変更するだけで済みます。検索機能や連絡先情報の追加など、実際のニーズに合わせて404ページをカスタマイズできます。同時に、ブラウザのキャッシュが表示効果に影響を与えることが心配な場合は、ビューページに CSS および JS ファイルを導入することで解決できます。

概要

この記事では、ThinkPHP6 を使用して美しい 404 ページを実装する方法を紹介しました。ルート、コントローラー、ビューを作成することで、ニーズを満たす 404 ページを簡単に構築できます。実際の開発では、404 ページは重要なユーザーエクスペリエンス要素であり、そのデザインと美化に注意を払う必要があります。

以上がThinkPHP6 を使用して美しい 404 ページを実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。