Rumah >rangka kerja php >ThinkPHP >Gunakan ThinkPHP6 untuk melaksanakan halaman 404 yang cantik
Gunakan ThinkPHP6 untuk melaksanakan halaman 404 yang cantik
- WBOYasal
- 2023-06-20 11:06:381997semak imbas
Apabila Internet berkembang, banyak laman web atau aplikasi telah beransur-ansur menjadi lebih kompleks. Apabila pengguna menggunakannya, mereka sering menghadapi halaman ralat, yang paling biasa ialah halaman 404. Halaman 404 bermakna halaman yang diakses tidak wujud dan merupakan halaman ralat biasa. Untuk tapak web atau aplikasi, halaman 404 yang cantik boleh meningkatkan pengalaman pengguna dengan ketara. Dalam artikel ini, kami akan memperkenalkan cara menggunakan ThinkPHP6 untuk melaksanakan halaman 404 yang cantik dengan cepat.
- Buat laluan
Mula-mula, kita perlu mencipta fail error.php dalam folder laluan, tentukan laluan di dalamnya dan halakan halaman ralat ke baharu kami Kaedah indeks ralat dalam pengawal. Kodnya adalah seperti berikut:
<?php
use think acadeRoute;
Route::rule('/404', 'error/index')->name('404');Perlu diingatkan bahawa di sini kami menamakan laluan 404 untuk memudahkan panggilan kemudian.
- Buat pengawal dan paparan
Buat fail Error.php baharu dalam folder pengawal, kodnya adalah seperti berikut:
<?php
namespace appindexcontroller;
use thinkController;
class Error extends Controller
{
public function index()
{
return $this->fetch('error/404');
}
}
Di sini kami mewarisi kelas Pengawal , dan kembalikan pandangan 404 yang baru dibuat dalam kaedah indeks.
Buat folder ralat baharu dalam folder paparan dan buat fail 404.html di dalamnya Kodnya adalah seperti berikut:
<!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>Di sini kami menggunakan reka bentuk yang ringkas dan cantik untuk menunjukkan tema. daripada 404 halaman dan butang.
- Ujian
Kami boleh mengakses laluan yang tidak wujud sesuka hati, contohnya, lawati http://yourdomain.com/abc, dan anda boleh melihat laluan baharu kami satu halaman 404 Cantik.
- Sesuaikan halaman 404
Jika anda ingin menambah lebih banyak kandungan atau melaraskan gaya halaman 404, anda hanya perlu mengubah suai fail paparan. Kami boleh menyesuaikan halaman 404 mengikut keperluan sebenar, seperti menambah fungsi carian, maklumat hubungan, dsb. Pada masa yang sama, jika anda bimbang tentang caching penyemak imbas menjejaskan kesan paparan, anda boleh menyelesaikannya dengan memperkenalkan fail CSS dan JS ke dalam halaman paparan.
- Ringkasan
Dalam artikel ini, kami memperkenalkan cara menggunakan ThinkPHP6 untuk melaksanakan halaman 404 yang cantik. Dengan mencipta laluan, pengawal dan pandangan, kami boleh membina halaman 404 dengan mudah yang memenuhi keperluan kami. Dalam pembangunan sebenar, halaman 404 merupakan faktor pengalaman pengguna yang penting, dan kita harus memberi perhatian kepada reka bentuk dan pengindahannya.
Atas ialah kandungan terperinci Gunakan ThinkPHP6 untuk melaksanakan halaman 404 yang cantik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!