利用ThinkPHP6實現漂亮的404頁面
隨著網路的日益發展，許多網站或應用程式也逐漸變得複雜。當使用者在使用時，時常會遇到錯誤頁面，其中最常見的就是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頁面的樣式，你只需要修改視圖檔案。我們可以依照實際需求客製404頁面，例如加入搜尋功能、聯絡方式等等。同時，如果你擔心瀏覽器快取影響展示效果，可以透過在視圖頁面引入CSS和JS檔案的方式解決。
- 總結
在本文中，我們介紹如何利用ThinkPHP6實作一個漂亮的404頁面。透過建立路由、控制器和視圖，我們可以輕鬆建立一個符合自身需求的404頁面。在實際開發中，404頁面是重要的使用者體驗因素，我們應該專注於其設計和美化。
以上是利用ThinkPHP6實現漂亮的404頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何在Word複製頁面
Feb 20, 2024 am 10:09 AM
是否要複製MicrosoftWord中的頁面，並保持格式不變？這是一個聰明的想法，因為當您想要建立特定文件佈局或格式的多個副本時，在Word中複製頁面可能是一種有用的節省時間的技術。本指南將逐步引導您在Word中複製頁面的過程，無論是建立範本還是複製文件中的特定頁面。這些簡單的說明旨在幫助您輕鬆地重新製作頁面，省去從頭開始的麻煩。為什麼要在MicrosoftWord中複製頁面？在Word中複製頁面非常有益的原因有以下幾點：當您有一個具有特定佈局或格式的文件要複製時。與從頭開始重新建立整個頁面不同
thinkphp專案怎麼運行
Apr 09, 2024 pm 05:33 PM
執行 ThinkPHP 專案需要：安裝 Composer；使用 Composer 建立專案；進入專案目錄，執行 php bin/console serve；造訪 http://localhost:8000 查看歡迎頁面。
thinkphp有幾個版本
Apr 09, 2024 pm 06:09 PM
ThinkPHP 擁有多個版本，針對不同 PHP 版本而設計。主要版本包括 3.2、5.0、5.1 和 6.0，而次要版本用於修復 bug 和提供新功能。目前最新穩定版本為 ThinkPHP 6.0.16。在選擇版本時，需考慮 PHP 版本、功能需求和社群支援。建議使用最新穩定版本以獲得最佳性能和支援。
thinkphp怎麼運行
Apr 09, 2024 pm 05:39 PM
ThinkPHP Framework 的本機運作步驟：下載並解壓縮 ThinkPHP Framework 到本機目錄。建立虛擬主機（可選），指向 ThinkPHP 根目錄。配置資料庫連線參數。啟動 Web 伺服器。初始化 ThinkPHP 應用程式。存取 ThinkPHP 應用程式 URL 運行。
如何快速刷新網頁？
Feb 18, 2024 pm 01:14 PM
頁面刷新在我們日常的網路使用中非常常見，當我們訪問一個網頁後，有時會遇到一些問題，例如網頁加載不出來或顯示不正常等。這時候我們通常會選擇刷新頁面來解決問題，那麼要如何快速刷新頁面呢？下面我們就來探討頁面刷新的快捷鍵。頁面刷新快捷鍵是一種透過鍵盤操作來快速刷新目前網頁的方法。在不同的作業系統和瀏覽器中，頁面刷新的快捷鍵可能有所不同。下面我們以常見的W
laravel和thinkphp哪個好
Apr 09, 2024 pm 03:18 PM
Laravel 和 ThinkPHP 框架的效能比較：ThinkPHP 效能通常優於 Laravel，專注於最佳化和快取。 Laravel 性能良好，但對於複雜應用程序，ThinkPHP 可能更適合。
開發建議：如何利用ThinkPHP框架實現非同步任務
Nov 22, 2023 pm 12:01 PM
《開發建議：如何利用ThinkPHP框架實現非同步任務》隨著網路技術的快速發展，Web應用程式對於處理大量並發請求和複雜業務邏輯的需求也越來越高。為了提高系統的效能和使用者體驗，開發人員常常會考慮利用非同步任務來執行一些耗時操作，例如發送郵件、處理文件上傳、產生報表等。在PHP領域，ThinkPHP框架作為一個流行的開發框架，提供了一些便捷的方式來實現非同步任務。
thinkphp怎麼安裝
Apr 09, 2024 pm 05:42 PM
ThinkPHP 安裝步驟：準備 PHP、Composer、MySQL 環境。使用 Composer 建立專案。安裝 ThinkPHP 框架及相依性。配置資料庫連線。產生應用程式碼。啟動應用程式並造訪 http://localhost:8000。
