快捷導(dǎo)航

thinkphp制作404跳轉(zhuǎn)頁(yè)的簡(jiǎn)單實(shí)現(xiàn)方法

更新時(shí)間：2016年09月22日 20:09:13 投稿：jingxian

下面小編就為大家?guī)?lái)一篇thinkphp制作404跳轉(zhuǎn)頁(yè)的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

網(wǎng)上有很多thinkphp的404頁(yè)面制作方法，但大多太過(guò)繁瑣不簡(jiǎn)便，很煩人，所以為大家分享了最便捷的404制作方法，如下。
在thinkphp的公共目錄的config配置文件中增加配置項(xiàng)：

'TMPL_EXCEPTION_FILE' => 'Public/404.html',

在Public文件夾中創(chuàng)建404.html內(nèi)容如下

<!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>該頁(yè)面不存在(′?ω?`)<span id="jumpTo">5</span>秒后跳轉(zhuǎn)到首頁(yè)</p>
</div>
<script type="text/javascript">
  countDown(5,'/');
</script>
</body>
</html>

這樣就完成了，至于狀態(tài)碼當(dāng)然是 404了，因?yàn)閠hinkphp默認(rèn)不存在的頁(yè)面返回404，大功告成！最后再向大家推薦一個(gè)源碼社區(qū)名字叫原創(chuàng)源碼庫(kù)，不錯(cuò)的網(wǎng)站，或許能夠幫到您！

以上就是小編為大家?guī)?lái)的thinkphp制作404跳轉(zhuǎn)頁(yè)的簡(jiǎn)單實(shí)現(xiàn)方法的全部?jī)?nèi)容了，希望對(duì)大家有所幫助，多多支持腳本之家~

您可能感興趣的文章: