Verwenden Sie ThinkPHP6, um eine schöne 404-Seite zu implementieren-Denken Sie an PHP-php.cn

Verwenden Sie ThinkPHP6, um eine schöne 404-Seite zu implementieren

WBOY

Freigeben： 2023-06-20 11:06:38

Original

1962 Leute haben es durchsucht

Mit der zunehmenden Entwicklung des Internets sind viele Websites oder Anwendungen nach und nach komplexer geworden. Wenn Benutzer es verwenden, stoßen sie häufig auf Fehlerseiten, von denen die 404-Seite am häufigsten ist. Die 404-Seite bedeutet, dass die Seite, auf die zugegriffen wird, nicht existiert und eine häufige Fehlerseite ist. Bei Websites oder Anwendungen kann eine schöne 404-Seite das Benutzererlebnis erheblich verbessern. In diesem Artikel stellen wir vor, wie Sie mit ThinkPHP6 schnell eine schöne 404-Seite implementieren.

Eine Route erstellen

Zuerst müssen wir eine error.php-Datei im Routenordner erstellen, darin eine Route definieren und die Fehlerseite auf die Indexmethode in unserem neuen Fehlercontroller verweisen. Der Code lautet wie folgt:

<?php
use thinkacadeRoute;

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

Nach dem Login kopieren

Es ist zu beachten, dass wir hier die Route 404 nennen, damit sie später einfacher aufgerufen werden kann.

Controller und Ansicht erstellen

Erstellen Sie eine neue Error.php-Datei im Controller-Ordner. Der Code lautet wie folgt:

<?php

namespace appindexcontroller;

use thinkController;

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

Nach dem Login kopieren

Hier erben wir die Controller-Klasse und geben die neu erstellte 404-Ansicht in der Indexmethode zurück.

Erstellen Sie einen neuen Fehlerordner im Ansichtsordner und erstellen Sie darin die Datei 404.html. Der Code lautet wie folgt:

<!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>

Nach dem Login kopieren

Hier verwenden wir ein einfaches und schönes Design, um das Thema und die Schaltflächen der 404-Seite anzuzeigen.

Test

Wir können unsere neu erstellte schöne 404-Seite sehen, indem wir zufällig auf eine nicht vorhandene Route zugreifen, beispielsweise indem wir auf http://yourdomain.com/abc zugreifen.

Angepasste 404-Seite

Wenn Sie weitere Inhalte hinzufügen oder den Stil der 404-Seite anpassen möchten, müssen Sie nur die Ansichtsdatei ändern. Wir können die 404-Seite an die tatsächlichen Bedürfnisse anpassen, indem wir beispielsweise Suchfunktionen, Kontaktinformationen usw. hinzufügen. Wenn Sie gleichzeitig Bedenken haben, dass Browser-Caching den Anzeigeeffekt beeinträchtigt, können Sie das Problem lösen, indem Sie CSS- und JS-Dateien in die Ansichtsseite einfügen.

Zusammenfassung

In diesem Artikel haben wir vorgestellt, wie Sie mit ThinkPHP6 eine schöne 404-Seite implementieren. Durch das Erstellen von Routen, Controllern und Ansichten können wir ganz einfach eine 404-Seite erstellen, die unseren Anforderungen entspricht. In der tatsächlichen Entwicklung ist die 404-Seite ein wichtiger Faktor für die Benutzererfahrung, und wir sollten auf ihr Design und ihre Verschönerung achten.

Das obige ist der detaillierte Inhalt vonVerwenden Sie ThinkPHP6, um eine schöne 404-Seite zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!