下面小编就为大家带来一篇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: '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>
  <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,大功告成!最后再向大家推荐一个源码社区名字叫原创源码库,不错的网站,或许能够帮到您!

以上就是小编为大家带来的thinkphp制作404跳转页的简单实现方法的全部内容了,希望对大家有所帮助,多多支持爱安网~

最新资讯
亚马逊创始人杰夫·贝索斯前妻成为美国最富有女性

亚马逊创始人杰夫·贝

福布斯11日宣布,亚马逊创始人杰夫·贝索斯的前妻麦肯齐
累计融资超20亿美元 理想汽车吹响市值千亿美元冲锋号?

累计融资超20亿美元

继蔚来之后,理想汽车有望成为第二家登陆资本市场的造车
美团5亿美元加持理想汽车:成第二大股东 持股14.5%

美团5亿美元加持理想

理想汽车昨日向SEC递交招股书,股票代码为“LI”,准备冲
北京SKP:餐品会送至指定位置 外卖员由员工通道进入

北京SKP:餐品会送至指

针对日前博主爆料”北京SKP不允许外卖员进入“一事,今
王兴急着变现,李想心急求钱

王兴急着变现,李想心急

李想,曾经的汽车之家创始人,现在的理想汽车(原“车和家”
SpaceX再次推迟星链和BlackSky卫星发射

SpaceX再次推迟星链和

当地时间7月11日,SpaceX再次推迟了最新的星链卫星发射,
最新文章
Laravel框架Blade模板简介及模板继承用法分析

Laravel框架Blade模板

这篇文章主要介绍了Laravel框架Blade模板简介及模板继
Laravel框架基础语法与知识点整理【模板变量、输出、include引入子视图等】

Laravel框架基础语法

这篇文章主要介绍了Laravel框架基础语法与知识点整理,
Laravel框架Eloquent ORM删除数据操作示例

Laravel框架Eloquent

这篇文章主要介绍了Laravel框架Eloquent ORM删除数据
Laravel框架下载,安装及路由操作图文详解

Laravel框架下载,安装

这篇文章主要介绍了Laravel框架下载,安装及路由操作,结
Laravel框架Eloquent ORM修改数据操作示例

Laravel框架Eloquent

这篇文章主要介绍了Laravel框架Eloquent ORM修改数据
Laravel框架控制器,视图及模型操作图文详解

Laravel框架控制器,视

这篇文章主要介绍了Laravel框架控制器,视图及模型操作,