Utilisez ThinkPHP6 pour implémenter une belle page 404-PensezPHP-php.cn

Utilisez ThinkPHP6 pour implémenter une belle page 404

WBOY

Libérer： 2023-06-20 11:06:38

original

1963 Les gens l'ont consulté

Avec le développement croissant d'Internet, de nombreux sites Web ou applications sont progressivement devenus plus complexes. Lorsque les utilisateurs l’utilisent, ils rencontrent souvent des pages d’erreur, dont la plus courante est la page 404. La page 404 signifie que la page consultée n’existe pas et constitue une page d’erreur courante. Pour les sites Web ou les applications, une belle page 404 peut grandement améliorer l’expérience utilisateur. Dans cet article, nous présenterons comment utiliser ThinkPHP6 pour implémenter rapidement une belle page 404.

Créer une route

Tout d'abord, nous devons créer un fichier error.php dans le dossier route, y définir une route et pointer la page d'erreur vers la méthode d'index dans notre nouveau contrôleur d'erreur. Le code est le suivant :

<?php
use thinkacadeRoute;

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

Copier après la connexion

Il est à noter qu'ici nous nommons la route 404 pour faciliter les appels ultérieurs.

Créer un contrôleur et une vue

Créez un nouveau fichier Error.php dans le dossier du contrôleur, le code est le suivant :

<?php

namespace appindexcontroller;

use thinkController;

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

Copier après la connexion

Ici, nous héritons de la classe Controller et renvoyons la vue 404 nouvellement créée dans la méthode d'index.

Créez un nouveau dossier d'erreur dans le dossier d'affichage et créez-y le fichier 404.html. Le code est le suivant :

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

Copier après la connexion

Ici, nous utilisons un design simple et beau pour afficher le thème et les boutons de la page 404.

Test

Nous pouvons voir notre belle page 404 nouvellement créée en accédant au hasard à un itinéraire inexistant, par exemple en accédant à http://votredomaine.com/abc.

Page 404 personnalisée

Si vous souhaitez ajouter plus de contenu ou ajuster le style de la page 404, il vous suffit de modifier le fichier de vue. Nous pouvons personnaliser la page 404 en fonction des besoins réels, comme l'ajout de fonctions de recherche, d'informations de contact, etc. Dans le même temps, si vous craignez que la mise en cache du navigateur affecte l'effet d'affichage, vous pouvez le résoudre en introduisant des fichiers CSS et JS dans la page d'affichage.

Résumé

Dans cet article, nous avons présenté comment utiliser ThinkPHP6 pour implémenter une belle page 404. En créant des itinéraires, des contrôleurs et des vues, nous pouvons facilement créer une page 404 qui répond à nos besoins. Dans le développement actuel, la page 404 est un facteur important de l’expérience utilisateur, et nous devons prêter attention à sa conception et à son embellissement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!