インターネットの発展に伴い、多くの Web サイトやアプリケーションは徐々に複雑になってきました。ユーザーがそれを使用すると、エラー ページが頻繁に表示されます。その中で最も一般的なのは 404 ページです。 404 ページは、アクセスされているページが存在しないことを意味し、一般的なエラー ページです。 Web サイトやアプリケーションの場合、美しい 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 クラスを呼び出し、index メソッドで新しく作成された 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 ページとボタンの。
存在しないルートに自由にアクセスできます。たとえば、http://yourdomain.com/abc にアクセスすると、新しく追加されたルートを確認できます。美しい 404 ページ。
コンテンツを追加したり、404 ページのスタイルを調整したりする場合は、ビュー ファイルを変更するだけで済みます。検索機能や連絡先情報の追加など、実際のニーズに合わせて404ページをカスタマイズできます。同時に、ブラウザのキャッシュが表示効果に影響を与えることが心配な場合は、ビュー ページに CSS および JS ファイルを導入することで解決できます。
この記事では、ThinkPHP6 を使用して美しい 404 ページを実装する方法を紹介しました。ルート、コントローラー、ビューを作成することで、ニーズを満たす 404 ページを簡単に構築できます。実際の開発では、404 ページは重要なユーザー エクスペリエンス要素であり、そのデザインと美化に注意を払う必要があります。
以上がThinkPHP6 を使用して美しい 404 ページを実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。