隨著網路的日益發展，許多網站或應用程式也逐漸變得複雜。當使用者在使用時，時常會遇到錯誤頁面，其中最常見的就是404頁面。 404頁面指造訪的頁面不存在，是常見的錯誤頁面。而對於網站或應用程式來說，一個漂亮的404頁面能大幅提升使用者體驗。在本文中，我們將會介紹如何利用ThinkPHP6快速實現一個漂亮的404頁面。
首先，我們需要在route資料夾中建立一個error.php文件，在其中定義一個路由，將錯誤頁面指向我們新建的Error控制器中的index方法。程式碼如下：
<?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類，並在index方法中傳回新建的404視圖。
在視圖資料夾中新建error資料夾，並在其中建立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頁面的主題和按鈕。
我們可以透過隨意存取一個不存在的路由，例如，造訪http://yourdomain.com/abc，就能看到我們新建的漂亮404頁。
如果你想加入更多的內容或調整404頁面的樣式，你只需要修改視圖檔案。我們可以依照實際需求客製404頁面，例如加入搜尋功能、聯絡方式等等。同時，如果你擔心瀏覽器快取影響展示效果，可以透過在視圖頁面引入CSS和JS檔案的方式解決。
在本文中，我們介紹如何利用ThinkPHP6實作一個漂亮的404頁面。透過建立路由、控制器和視圖，我們可以輕鬆建立一個符合自身需求的404頁面。在實際開發中，404頁面是重要的使用者體驗因素，我們應該專注於其設計和美化。
以上是利用ThinkPHP6實現漂亮的404頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章！
