ThinkPHP6을 사용하여 아름다운 404 페이지 구현
- WBOY원래의
- 2023-06-20 11:06:381898검색
인터넷의 발전이 증가함에 따라 많은 웹사이트나 애플리케이션이 점점 더 복잡해지고 있습니다. 사용자가 이를 사용할 때 종종 오류 페이지가 발생하는데, 가장 일반적인 것은 404 페이지입니다. 404 페이지는 접속 중인 페이지가 존재하지 않는다는 의미로 흔히 발생하는 오류 페이지입니다. 웹사이트나 애플리케이션의 경우 아름다운 404 페이지가 사용자 경험을 크게 향상시킬 수 있습니다. 이 기사에서는 ThinkPHP6을 사용하여 아름다운 404 페이지를 빠르게 구현하는 방법을 소개합니다.
- 경로 만들기
먼저 경로 폴더에 error.php 파일을 만들고 그 안에 경로를 정의한 다음 오류 페이지가 새 오류 컨트롤러의 인덱스 메서드를 가리켜야 합니다. 코드는 다음과 같습니다:
<?php
use think acadeRoute;
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!