Heim > Artikel > PHP-Framework > Verwenden Sie ThinkPHP6, um eine schöne 404-Seite zu implementieren
Verwenden Sie ThinkPHP6, um eine schöne 404-Seite zu implementieren
- WBOYOriginal
- 2023-06-20 11:06:381956Durchsuche
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 think acadeRoute;
Route::rule('/404', 'error/index')->name('404');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');
}
}
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>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!