首页-教程-开发语言

Thinkphp3如何快速实现404跳转页

 5314

下面给大家介绍关于Thinkphp3制作404跳转页的方法，希望对需要的朋友有所帮助！

Thinkphp制作404跳转页

网上有很多thinkphp的404页面制作方法，但大多太过繁琐不简便，很烦人，所以为大家分享了最便捷的404制作方法，如下。

在thinkphp的公共目录的config配置文件中增加配置项：

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

在Public文件夹中创建404.html内容如下

  1. <!DOCTYPE html >
  2. <html>
  3. <head>
  4. <meta charset=utf-8" />
  5. <title>404哟</title>
  6. <style type="text/css">
  7. body {
  8.   background-color: #ECECEC;
  9.   font-family: 'Open Sans', sans-serif;
  10.   font-size: 14px;
  11.   color: #3c3c3c;
  12. }
  13. .demo{width:600px;margin:0 auto;}
  14. .demo p:first-child {
  15.   text-align: center;
  16.   font-family: cursive;
  17.   font-size: 150px;
  18.   font-weight: bold;
  19.   line-height: 100px;
  20.   letter-spacing: 5px;
  21.   color: #fff;
  22. }
  23.   
  24. .demo p:first-child span {
  25.   cursor: pointer;
  26.   text-shadow: 0px 0px 2px #686868,
  27.     0px 1px 1px #ddd,
  28.     0px 2px 1px #d6d6d6,
  29.     0px 3px 1px #ccc,
  30.     0px 4px 1px #c5c5c5,
  31.     0px 5px 1px #c1c1c1,
  32.     0px 6px 1px #bbb,
  33.     0px 7px 1px #777,
  34.     0px 8px 3px rgba(100, 100, 100, 0.4),
  35.     0px 9px 5px rgba(100, 100, 100, 0.1),
  36.     0px 10px 7px rgba(100, 100, 100, 0.15),
  37.     0px 11px 9px rgba(100, 100, 100, 0.2),
  38.     0px 12px 11px rgba(100, 100, 100, 0.25),
  39.     0px 13px 15px rgba(100, 100, 100, 0.3);
  40.   -webkit-transition: all .1s linear;
  41.   transition: all .1s linear;
  42. }
  43.   
  44. .demo p:first-child span:hover {
  45.   text-shadow: 0px 0px 2px #686868,
  46.     0px 1px 1px #fff,
  47.     0px 2px 1px #fff,
  48.     0px 3px 1px #fff,
  49.     0px 4px 1px #fff,
  50.     0px 5px 1px #fff,
  51.     0px 6px 1px #fff,
  52.     0px 7px 1px #777,
  53.     0px 8px 3px #fff,
  54.     0px 9px 5px #fff,
  55.     0px 10px 7px #fff,
  56.     0px 11px 9px #fff,
  57.     0px 12px 11px #fff,
  58.     0px 13px 15px #fff;
  59.   -webkit-transition: all .1s linear;
  60.   transition: all .1s linear;
  61. }
  62.   
  63. .demo p:not(:first-child) {
  64.   text-align: center;
  65.   color: #666;
  66.   font-family: cursive;
  67.   font-size: 20px;
  68.   text-shadow: 0 1px 0 #fff;
  69.   letter-spacing: 1px;
  70.   line-height: 2em;
  71.   margin-top: -50px;
  72. }
  73.   
  74. </style>
  75. <script type="text/javascript">    
  76. function countDown(secs,surl){    
  77.     var jumpTo = document.getElementById('jumpTo');
  78.     jumpTo.innerHTML=secs; 
  79.     if(--secs>0){    
  80.         setTimeout("countDown("+secs+",'"+surl+"')",1000);    
  81.      }    
  82.     else{      
  83.         location.href=surl;    
  84.     }    
  85. }    
  86. </script>
  87. </head>
  88.   
  89. <body>
  90.   
  91. <div class="demo">
  92.     <p><span>4</span><span>0</span><span>4</span></p>
  93.     <p>该页面不存在(′?ω?`)<span id="jumpTo">5</span>秒后跳转到首页</p>
  94. </div>
  95. <script type="text/javascript">
  96.     countDown(5,'/');
  97. </script>
  98. </body>
  99. </html>

这样就完成了，至于状态码当然是 404了，因为thinkphp默认不存在的页面返回404，大功告成！


TAG标签：
本文网址：https://www.zztuku.com/detail-10788.html
站长图库 - Thinkphp3如何快速实现404跳转页
申明：本文转载于《掘金》，如有侵犯，请 联系我们 删除。

评论（0）条

您还没有登录，请 登录 后发表评论！

提示：请勿发布广告垃圾评论，否则封号处理！！

    编辑推荐