thinkphp制作响应式404跳转页实例教程

本篇文章主要奖励thinkphp3.2.3版本的404页面设置
适用范围：thinkphp3.3.2版本、服务器中的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;color: #3c3c3c;text-align:center
}
.demo{width:100%;margin:0 auto;}
.demo p{ font-size: 2.2rem;}
.demo .title{ font-size: 10rem;}
</style>
<script type="text/javascript">
var run_404 = function(count_down_num,congge_home){    var go_to_home = document.getElementById('go_to_home');go_to_home.innerHTML=count_down_num; the_num = --count_down_num;if(the_num>0){    setTimeout("run_404("+the_num+",'"+congge_home+"')",1000);    }    else{      location.href=congge_home;    }
}
</script>
</head><body><div class="demo"><p class="title">404</p><p>该页面不存在,正在跳转到首页 <span id="go_to_home">500</span>秒后跳转到首页</p>
</div>
<script type="text/javascript">run_404(500,'/');
</script>
</body>
</html>

实际效果：

web浏览器端

手机移动端：

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

thinkphp制作响应式404跳转页实例教程相关推荐

php制作404,thinkphp制作404跳转页的简单实现方法
网上有很多thinkphp的404页面制作方法,但大多太过繁琐不简便,很烦人,所以为大家分享了最便捷的404制作方法,如下. 在thinkphp的公共目录的config配置文件中增加配置项:'TMPL ...
modelandview跳转页面404_Thinkphp制作404跳转页
php中文网最新课程每日17点准时技术干货分享本篇文章介绍了使用ThinkPHP实现404页面的方法,希望对学习thinkphp的朋友有帮助! Thinkphp制作404跳转页网上有很多thin ...
HTML CSS 制作响应式价格表单展示id1075-网页前端设计
HTML & CSS 制作响应式价格表单展示id1075-网页前端设计源码下载地址在新演示地址 html <a class="maxbutton-3 maxbutton&q ...
网页设计成品DW静态网页Html5响应式css3 ——响应式游戏网站(24页) HTML+CSS+JavaScript 关于制作网游网页主题论述
HTML5期末大作业:游戏网站设计--响应式游戏网站(24页) HTML+CSS+JavaScript 关于制作网游网页主题论述常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. ...
HTML5期末大作业：游戏网站设计——响应式游戏网站(24页) HTML+CSS+JavaScript 关于制作网游网页主题论述
HTML5期末大作业:游戏网站设计--响应式游戏网站(24页) HTML+CSS+JavaScript 关于制作网游网页主题论述常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. ...
html响应式导航栏制作,用Sass制作响应式导航栏(原创)
插件描述:用Sass制作响应式导航栏更新时间:2017/12/29 下午8:33:04 更新说明:细节优化data-stop='true' : 在手机版上禁止跳转页面// 插入js代码 $(docu ...
HTML5期末大作业：美食主题网站设计——美食零食官网响应式网页设计(6页) HTML+CSS+JavaScript
HTML5期末大作业:美食主题网站设计--美食零食官网响应式网页设计(6页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品常见网 ...
如何用一简单的CSS制作响应式HTML网页
如何用简单的CSS制作响应式HTML网页 #故事前端开发在这篇文章中,我将教你如何使用CSS网格来创建一个超级酷的图像网格,它随着屏幕的宽度而改变列的数量. 最赞的一点就是:这个响应式效果只需要添加 ...
响应式布局html像素值计算,CSS Calc()：制作响应式网格布局的锋利武器
响应式的布局方式是当下最为流行网页布局.对于一个响应式的网格系统,可以有多种的解决方案.在这篇文章中,我们将和大家分享使用CSS calc()函数来制作响应式网格的一些知识. With calc(), ...

thinkphp制作响应式404跳转页实例教程

实际效果：

thinkphp制作响应式404跳转页实例教程相关推荐

最新文章

热门文章