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

WBOY
リリース: 2023-06-20 11:06:38
オリジナル
1963 人が閲覧しました

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

  1. ルートの作成

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

<?php
use thinkacadeRoute;

Route::rule('/404', 'error/index')->name('404');
ログイン後にコピー

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

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

コントローラー フォルダーに新しい 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 ページとボタンの。

  1. テスト

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

  1. 404 ページのカスタマイズ

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

  1. 概要

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート