ThinkPHP6을 사용하여 아름다운 404 페이지 구현-ThinkPHP-php.cn

ThinkPHP6을 사용하여 아름다운 404 페이지 구현

WBOY

풀어 주다： 2023-06-20 11:06:38

원래의

1974명이 탐색했습니다.

인터넷의 발전이 증가함에 따라 많은 웹사이트나 애플리케이션이 점점 더 복잡해지고 있습니다. 사용자가 이를 사용할 때 종종 오류 페이지가 발생하는데, 가장 일반적인 것은 404 페이지입니다. 404 페이지는 접속 중인 페이지가 존재하지 않는다는 의미로 흔히 발생하는 오류 페이지입니다. 웹사이트나 애플리케이션의 경우 아름다운 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 클래스를 상속하고 새로 생성된 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 페이지의 테마와 버튼을 표시합니다.

Test

예를 들어 http://yourdomain.com/abc에 액세스하여 존재하지 않는 경로에 무작위로 액세스하여 새로 생성된 아름다운 404 페이지를 볼 수 있습니다.

맞춤형 404 페이지

내용을 추가하거나 404 페이지의 스타일을 조정하려면 보기 파일만 수정하면 됩니다. 검색 기능, 연락처 정보 등을 추가하는 등 실제 필요에 따라 404 페이지를 사용자 정의할 수 있습니다. 동시에 브라우저 캐싱이 표시 효과에 영향을 미칠까 걱정된다면 CSS 및 JS 파일을 보기 페이지에 도입하여 해결할 수 있습니다.

요약

이 글에서는 ThinkPHP6을 사용하여 아름다운 404 페이지를 구현하는 방법을 소개했습니다. 경로, 컨트롤러 및 보기를 생성함으로써 우리의 요구 사항을 충족하는 404 페이지를 쉽게 구축할 수 있습니다. 실제 개발에 있어서 404 페이지는 중요한 사용자 경험 요소이므로 디자인과 미화에 주의를 기울여야 합니다.

위 내용은 ThinkPHP6을 사용하여 아름다운 404 페이지 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!