thinkphp を使用して 404 ジャンプ ページを作成する簡単な方法
- 高洛峰オリジナル
- 2016-12-21 16:30:581829ブラウズ
インターネット上には thinkphp の 404 ページ作成方法がたくさんありますが、そのほとんどはあまりにも面倒で、不便で、煩わしいので、最も便利な 404 作成方法を次のように共有します。
thinkphp の public ディレクトリの config 設定ファイルに設定項目を追加します。
'TMPL_EXCEPTION_FILE' => 'Public/404.html',
次の内容を含む 404.html を Public フォルダに作成します
<!DOCTYPE html >
<html>
<head>
<meta charset=utf-8" />
<title>404哟</title>
<style type="text/css">
body {
background-color: #ECECEC;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #3c3c3c;
}
.demo{width:600px;margin:0 auto;}
.demo p:first-child {
text-align: center;
font-family: cursive;
font-size: 150px;
font-weight: bold;
line-height: 100px;
letter-spacing: 5px;
color: #fff;
}
.demo p:first-child span {
cursor: pointer;
text-shadow: 0px 0px 2px #686868,
0px 1px 1px #ddd,
0px 2px 1px #d6d6d6,
0px 3px 1px #ccc,
0px 4px 1px #c5c5c5,
0px 5px 1px #c1c1c1,
0px 6px 1px #bbb,
0px 7px 1px #777,
0px 8px 3px rgba(100, 100, 100, 0.4),
0px 9px 5px rgba(100, 100, 100, 0.1),
0px 10px 7px rgba(100, 100, 100, 0.15),
0px 11px 9px rgba(100, 100, 100, 0.2),
0px 12px 11px rgba(100, 100, 100, 0.25),
0px 13px 15px rgba(100, 100, 100, 0.3);
-webkit-transition: all .1s linear;
transition: all .1s linear;
}
.demo p:first-child span:hover {
text-shadow: 0px 0px 2px #686868,
0px 1px 1px #fff,
0px 2px 1px #fff,
0px 3px 1px #fff,
0px 4px 1px #fff,
0px 5px 1px #fff,
0px 6px 1px #fff,
0px 7px 1px #777,
0px 8px 3px #fff,
0px 9px 5px #fff,
0px 10px 7px #fff,
0px 11px 9px #fff,
0px 12px 11px #fff,
0px 13px 15px #fff;
-webkit-transition: all .1s linear;
transition: all .1s linear;
}
.demo p:not(:first-child) {
text-align: center;
color: #666;
font-family: cursive;
font-size: 20px;
text-shadow: 0 1px 0 #fff;
letter-spacing: 1px;
line-height: 2em;
margin-top: -50px;
}
</style>
<script type="text/javascript">
function countDown(secs,surl){
var jumpTo = document.getElementById('jumpTo');
jumpTo.innerHTML=secs;
if(--secs>0){
setTimeout("countDown("+secs+",'"+surl+"')",1000);
}
else{
location.href=surl;
}
}
</script>
</head>
<body>
<div class="demo">
<p><span>4</span><span>0</span><span>4</span></p>
<p>该页面不存在(′?ω?`)<span id="jumpTo">5</span>秒后跳转到首页</p>
</div>
<script type="text/javascript">
countDown(5,'/');
</script>
</body>
</html>
ステータス コードについては、以上です。もちろん 404、thinkphp は存在しないページに対してデフォルトで 404 を返すため、これで完了です。最後に、Original Source Code Library というソース コード コミュニティをお勧めします。これは役立つ Web サイトです。
上記は、編集者が提供したthinkphpで404ジャンプページを作成する簡単な実装方法の全内容です。PHP中国語ウェブサイトをサポートしてください〜
作成に関するその他のアイデア。 thinkphp による 404 ジャンプ ページ 簡単な実装方法に関する記事については、PHP 中国語 Web サイトに注目してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。