首頁  >  文章  >  php框架  >  Thinkphp如何快速實現404跳頁

Thinkphp如何快速實現404跳頁

藏色散人
藏色散人轉載
2022-01-11 16:06:382891瀏覽

下面thinkphp框架教學專欄將介紹給大家關於Thinkphp製作404跳頁的方法,希望對需要的朋友有幫助!

Thinkphp製作404跳頁

網路上有很多thinkphp的404頁面製作方法,但大多太過繁瑣不簡便,很煩人,所以我為大家分享了最便捷的404製作方法,如下。

在thinkphp的公共目錄的config設定檔中增加設定檔:

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

在Public資料夾中建立404.html內容如下

<!DOCTYPE html >
<html>
<head>
<meta charset=utf-8" />
<title>404哟</title>
<style type="text/css">
body {
  background-color: #ECECEC;
  font-family: &#39;Open Sans&#39;, 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(&#39;jumpTo&#39;);
    jumpTo.innerHTML=secs; 
    if(--secs>0){    
        setTimeout("countDown("+secs+",&#39;"+surl+"&#39;)",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,&#39;/&#39;);
</script>
</body>
</html>

這樣就完成了,至於狀態碼當然404了,因為thinkphp預設不存在的頁面回傳404,大功告成!

推薦學習:《最新的10個thinkphp影片教學

以上是Thinkphp如何快速實現404跳頁的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:juejin.im。如有侵權,請聯絡admin@php.cn刪除