ThinkPHP5.0.20 自定义404页面

最新推荐文章于 2024-06-24 00:29:14 发布
最新推荐文章于 2024-06-24 00:29:14 发布
阅读量2.4k 收藏 1
点赞数 1
分类专栏： 开发 编程 文章标签： 404 ThinkPHP 自定义
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/donglingjiu/article/details/81030421
版权

1>修改应用配置文件 config.php

    1）关闭调试模式

2)新增配置 'http_exception_template'    对应的 文件路径自定义 

 2>在上述配置路径下新增 页面404.htm...

 

如果在配置中 开启布局布局 layout之后  需要 给自定义的404页面加上{__NOLAYOUT__}就行了。
{__NOLAYOUT__}


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>404</title>


<style>
body {
width:80%;
  background: #000;
  height: 80vh;
  margin:auto;
  overflow: hidden;
  display: flex;
  font-family: 'Anton', sans-serif;
  justify-content: center;
  align-items: center;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}


div {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}


.rail {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: rotateX(-30deg) rotateY(-30deg);
          transform: rotateX(-30deg) rotateY(-30deg);
}
.rail .stamp {
  position: absolute;
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #141414;
  color: #fff;
  font-size: 7rem;
}
.rail .stamp:nth-child(1) {
  -webkit-animation: stampSlide 40000ms -2300ms linear infinite;
          animation: stampSlide 40000ms -2300ms linear infinite;
}
.rail .stamp:nth-child(2) {
  -webkit-animation: stampSlide 40000ms -4300ms linear infinite;
          animation: stampSlide 40000ms -4300ms linear infinite;
}
.rail .stamp:nth-child(3) {
  -webkit-animation: stampSlide 40000ms -6300ms linear infinite;
          animation: stampSlide 40000ms -6300ms linear infinite;
}
.rail .stamp:nth-child(4) {
  -webkit-animation: stampSlide 40000ms -8300ms linear infinite;
          animation: stampSlide 40000ms -8300ms linear infinite;
}
.rail .stamp:nth-child(5) {
  -webkit-animation: stampSlide 40000ms -10300ms linear infinite;
          animation: stampSlide 40000ms -10300ms linear infinite;
}
.rail .stamp:nth-child(6) {
  -webkit-animation: stampSlide 40000ms -12300ms linear infinite;
          animation: stampSlide 40000ms -12300ms linear infinite;
}
.rail .stamp:nth-child(7) {
  -webkit-animation: stampSlide 40000ms -14300ms linear infinite;
          animation: stampSlide 40000ms -14300ms linear infinite;
}
.rail .stamp:nth-child(8) {
  -webkit-animation: stampSlide 40000ms -16300ms linear infinite;
          animation: stampSlide 40000ms -16300ms linear infinite;
}
.rail .stamp:nth-child(9) {
  -webkit-animation: stampSlide 40000ms -18300ms linear infinite;
          animation: stampSlide 40000ms -18300ms linear infinite;
}
.rail .stamp:nth-child(10) {
  -webkit-animation: stampSlide 40000ms -20300ms linear infinite;
          animation: stampSlide 40000ms -20300ms linear infinite;
}
.rail .stamp:nth-child(11) {
  -webkit-animation: stampSlide 40000ms -22300ms linear infinite;
          animation: stampSlide 40000ms -22300ms linear infinite;
}
.rail .stamp:nth-child(12) {
  -webkit-animation: stampSlide 40000ms -24300ms linear infinite;
          animation: stampSlide 40000ms -24300ms linear infinite;
}
.rail .stamp:nth-child(13) {
  -webkit-animation: stampSlide 40000ms -26300ms linear infinite;
          animation: stampSlide 40000ms -26300ms linear infinite;
}
.rail .stamp:nth-child(14) {
  -webkit-animation: stampSlide 40000ms -28300ms linear infinite;
          animation: stampSlide 40000ms -28300ms linear infinite;
}
.rail .stamp:nth-child(15) {
  -webkit-animation: stampSlide 40000ms -30300ms linear infinite;
          animation: stampSlide 40000ms -30300ms linear infinite;
}
.rail .stamp:nth-child(16) {
  -webkit-animation: stampSlide 40000ms -32300ms linear infinite;
          animation: stampSlide 40000ms -32300ms linear infinite;
}
.rail .stamp:nth-child(17) {
  -webkit-animation: stampSlide 40000ms -34300ms linear infinite;
          animation: stampSlide 40000ms -34300ms linear infinite;
}
.rail .stamp:nth-child(18) {
  -webkit-animation: stampSlide 40000ms -36300ms linear infinite;
          animation: stampSlide 40000ms -36300ms linear infinite;
}
.rail .stamp:nth-child(19) {
  -webkit-animation: stampSlide 40000ms -38300ms linear infinite;
          animation: stampSlide 40000ms -38300ms linear infinite;
}
.rail .stamp:nth-child(20) {
  -webkit-animation: stampSlide 40000ms -40300ms linear infinite;
          animation: stampSlide 40000ms -40300ms linear infinite;
}


@-webkit-keyframes stampSlide {
  0% {
    -webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(130px);
            transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(130px);
  }
  100% {
    -webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(-3870px);
            transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(-3870px);
  }
}


@keyframes stampSlide {
  0% {
    -webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(130px);
            transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(130px);
  }
  100% {
    -webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(-3870px);
            transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(-3870px);
  }
}
.world {
  -webkit-transform: rotateX(-30deg) rotateY(-30deg);
          transform: rotateX(-30deg) rotateY(-30deg);
}
.world .forward {
  position: absolute;
  -webkit-animation: slide 2000ms linear infinite;
          animation: slide 2000ms linear infinite;
}
.world .box {
  width: 200px;
  height: 200px;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-animation: roll 2000ms cubic-bezier(1, 0.01, 1, 1) infinite;
          animation: roll 2000ms cubic-bezier(1, 0.01, 1, 1) infinite;
}
.world .box .wall {
  position: absolute;
  width: 200px;
  height: 200px;
  background: rgba(10, 10, 10, 0.8);
  border: 1px solid #fafafa;
  box-sizing: border-box;
}
.world .box .wall::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 7rem;
}
.world .box .wall:nth-child(1) {
  -webkit-transform: translateZ(100px);
          transform: translateZ(100px);
}
.world .box .wall:nth-child(2) {
  -webkit-transform: rotateX(180deg) translateZ(100px);
          transform: rotateX(180deg) translateZ(100px);
}
.world .box .wall:nth-child(3) {
  -webkit-transform: rotateX(90deg) translateZ(100px);
          transform: rotateX(90deg) translateZ(100px);
}
.world .box .wall:nth-child(3)::before {
  -webkit-transform: rotateX(180deg) rotateZ(90deg) translateZ(-1px);
          transform: rotateX(180deg) rotateZ(90deg) translateZ(-1px);
  -webkit-animation: zeroFour 4000ms -2000ms linear infinite;
          animation: zeroFour 4000ms -2000ms linear infinite;
}
.world .box .wall:nth-child(4) {
  -webkit-transform: rotateX(-90deg) translateZ(100px);
          transform: rotateX(-90deg) translateZ(100px);
}
.world .box .wall:nth-child(4)::before {
  -webkit-transform: rotateX(180deg) rotateZ(-90deg) translateZ(-1px);
          transform: rotateX(180deg) rotateZ(-90deg) translateZ(-1px);
  -webkit-animation: zeroFour 4000ms -2000ms linear infinite;
          animation: zeroFour 4000ms -2000ms linear infinite;
}
.world .box .wall:nth-child(5) {
  -webkit-transform: rotateY(90deg) translateZ(100px);
          transform: rotateY(90deg) translateZ(100px);
}
.world .box .wall:nth-child(5)::before {
  -webkit-transform: rotateX(180deg) translateZ(-1px);
          transform: rotateX(180deg) translateZ(-1px);
  -webkit-animation: zeroFour 4000ms linear infinite;
          animation: zeroFour 4000ms linear infinite;
}
.world .box .wall:nth-child(6) {
  -webkit-transform: rotateY(-90deg) translateZ(100px);
          transform: rotateY(-90deg) translateZ(100px);
}
.world .box .wall:nth-child(6)::before {
  -webkit-transform: rotateX(180deg) rotateZ(180deg) translateZ(-1px);
          transform: rotateX(180deg) rotateZ(180deg) translateZ(-1px);
  -webkit-animation: zeroFour 4000ms linear infinite;
          animation: zeroFour 4000ms linear infinite;
}


@-webkit-keyframes zeroFour {
  0% {
    content: '4';
  }
  100% {
    content: '0';
  }
}


@keyframes zeroFour {
  0% {
    content: '4';
  }
  100% {
    content: '0';
  }
}
@-webkit-keyframes roll {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  85% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  87% {
    -webkit-transform: rotateZ(88deg);
            transform: rotateZ(88deg);
  }
  90% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  100% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
}
@keyframes roll {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  85% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  87% {
    -webkit-transform: rotateZ(88deg);
            transform: rotateZ(88deg);
  }
  90% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  100% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
}
@-webkit-keyframes slide {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
  }
}
@keyframes slide {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
  }
}
</style>
</head>
<body>


<div class="rail">
  <div class="stamp four">4</div>
  <div class="stamp zero">0</div>
  <div class="stamp four">4</div>
  <div class="stamp zero">0</div>
  <div class="stamp four">4</div>
  <div class="stamp zero">0</div>
  <div class="stamp four">4</div>
  <div class="stamp zero">0</div>
  <div class="stamp four">4</div>
  <div class="stamp zero">0</div>
  <div class="stamp four">4</div>
  <div class="stamp zero">0</div>
  <div class="stamp four">4</div>
  <div class="stamp zero">0</div>
  <div class="stamp four">4</div>
  <div class="stamp zero">0</div>
  <div class="stamp four">4</div>
  <div class="stamp zero">0</div>
  <div class="stamp four">4</div>
  <div class="stamp zero">0</div>
</div>
<div class="world">
  <div class="forward">
    <div class="box">
      <div class="wall"></div>
      <div class="wall"></div>
      <div class="wall"></div>
      <div class="wall"></div>
      <div class="wall"></div>
      <div class="wall"></div>
    </div>
  </div>
</div>


</body>
</html>


{__NOLAYOUT__}

 

东陵十三
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
thinkphp自定义404页面
dengjiexian123的专栏
11-22 8593
使用EmptyController +_empty方法。 当我们使用thinkphp框架对外提供服务时，如果不采取特殊配置，当一个请求没有访问到服务端资源，会直接返回404，并且由于thinkphp的特性，会返回一个带有thinkphp个性色彩的404页面。 这样的页面至少有两点不太好： 1、暴露了服务端的技术选型，给站点攻击者提供了直接的信息。 2、页面反馈不友好
ThinkPHP中自定义错误页面和提示页面实例
10-25
主要介绍了ThinkPHP中自定义错误页面和提示页面的方法,以一个完整的实例形式详细讲述了ThinkPHP实现自定义错误提示与跳转页面的方法,是非常常见的实用技巧,需要的朋友可以参考下
Apache之AllowOverride参数详解
weixin_30265103的博客
08-20 205
通常利用Apache的rewrite模块对 URL 进行重写的时候， rewrite规则会写在 .htaccess 文件里。但要使 apache 能够正常的读取.htaccess 文件的内容，就必须对.htaccess 所在目录进行配置。从安全性考虑，根目录的AllowOverride属性一般都配置成不允许任何Override ，即 < Directory /> AllowOver...
Python武器库开发-武器库篇之Thinkphp5-5.0.22/5.1.29远程执行代码漏洞 （六十五）
最新发布
把自己活成一道光，因为你不知道，谁会借着你的光，走出了黑暗。请保持心中的善良，因为你不知道，谁会借着你的善良，走出了绝望。请保持你心中的信仰，因为你不知道，谁会借着你的信仰，走出了迷茫。请相信自己的力量，因为你不知道，谁会因为相信你，开始相信了自己....
06-24 1070
这里我们使用Kali虚拟机安装docker并搭建vulhub靶场来进行ThinkPHP漏洞环境的安装，我们进入 ThinkPHP漏洞环境，可以 cd ThinkPHP，然后通过 ls 查看可以搭建的靶场，目前 vulhub关于 ThinkPHP漏洞。可以搭建的靶场有五个。然后我们在浏览器输入就可以访问靶场环境。
Thinkphp　配置404页面
u012728971的博客
07-30 2548
Thinkphp　配置404页面
ThinkPHP 5.0/5.1 自定义404界面的配置
热门推荐
u011415782的专栏
01-18 1万+
★ 背景 还要啥背景，就是觉得不可能用框架自带的 404 界面呗. 可能跟之前的版本配置方法有点区别，在此做一下简单的笔记 框架：ThinkPHP 5.1 ★ 配置过程 ♩. 修改 config.app 文件 第一，需要关闭调试模式 // 应用调试模式 'app_debug' =&amp;gt; false, 一般在项目的开
访问php页面提示404,thinkPHP5部署到服务器访问出现404页面
weixin_42144201的博客
03-12 212
忽略跟目录下面的.htaccess看一下这个也许你会了解到我们通常利用Apache的rewrite模块对URL进行重写，rewrite规则会写在 .htaccess 文件里。但要使 apache 能够正常的读取.htaccess 文件的内容，就必须对.htaccess 所在目录进行配置。从安全性考虑，根目录的AllowOverride属性一般都配置成不允许任何Override，即：< Di...
ThinkPHP v5.0.20 完整版
10-12
《深入理解ThinkPHP v5.0.20：一个全面的框架解析》 ThinkPHP，作为国内广泛应用的PHP开发框架，以其简洁、高效和面向对象的设计理念，深受开发者喜爱。尤其是ThinkPHP v5.0.20版本，更是集诸多优秀特性于一身，为...
ThinkPHP5 自定义配置页面（静态文件）
10-12
根据给定的链接，我们将参考《ThinkPHP5自定义配置页面（静态文件）》这篇文章，该文详细介绍了如何在ThinkPHP5中创建自定义的404错误页面。首先，我们要知道在ThinkPHP5中，错误处理是通过`app\exception\Handle....
ThinkPHP模板自定义标签使用方法
10-25
主要介绍了ThinkPHP模板自定义标签使用方法,需要的朋友可以参考下
ThinkPHP 5.0如何实现自定义404（异常处理）页面
多用户商城系统
11-13 1322
404错误信息通常是在目标页面被更改或移除，或客户端输入页面地址错误后显示的页面，如果直接展示404页面或者异常错误的话，对访问者来说用户体验是很不友好，所以我们需要自定义一个404页面（异常处理页面）。
thinkPHP5框架设置404、403等http状态页面的方法
10-18
主要介绍了thinkPHP5框架设置404、403等http状态页面的方法,结合实例形式分析了thinkPHP5框架设置404页面的相关配置、视图显示页面及控制器调用相关操作技巧,需要的朋友可以参考下
Thinkphp5 设置403 404等http状态页面
qq_24038207的博客
05-18 5024
要做到这一点，首先要在你的配置文件将调试模式关闭（在开发阶段要打开）： 'app_debug'              => false, 然后在配置文件中配置404等页面的模板路径（APP_PATH指的是application路径）： 'http_exception_template'    =>  [    404 =>  APP_PATH.'404.htm
thinkphp5错误页面404跳转页面配置
haocaicai的博客
07-23 7077
　在thinkphp5中我们如何去抛出异常状态码，网站在上线之后所有的系统错误信息都不能让用户看到，比如404(Not Found)页面我们应该直接抛出一个404异常，所以要设置一个404页面来展示出来;这样给用户体验好，是非常重要的。对于网站SEO优化中301重定向设置也是必不可少的。 (一)404设置 1. 首先我们要在配置文件中将调试模式关闭： 2. 在配置文件末添加404设置： 　　//抛...
Thinkphp 中自定义404错误页面
domorejojo
02-25 4133
我们知道在Thinkphp中方法找不到，或者一些错误会出现系统自定义的错误页面，如下： 在开发阶段挺好，我们开发人员可以看到错误信息，好定位修改。 如果在线上，未知原因出现错误，那就悲剧了。。。。。。 所以，我们可以在上线后，在config.php 里增加配置项： 官网：  http://doc.thinkphp.cn/manual/exception_tmpl.htm
thinkphp 404页面设置
wing 的专栏
01-16 1147
直接定义空模块和空操作即可, 即建立一个EmptyAction.class.php,  <?php 02. 03.class EmptyAction extends Action { 04. 05.function _empty(){ 06.header("HTTP/1.0 404 Not Found"); 07.$this->display('Public:404'); 08.}
【Thinkphp教程】模型定义
07-02 763
模型类一般位于项目的Lib/Model 目录下面，当我们创建一个UserModel类的时候，其实已经遵循了系统的约定。模型类的命名规则是除去表前缀的数据表名称，采用驼峰法命名，并且首字母大写，然后加上模型类的后缀定义Model，例如： 模型名（类名） 约定对应数据表（假设数据库的前缀定义是 think_） UserModel think_user
ThinkPHP5.1设置404页面
weixin_30412577的博客
02-18 973
第一步：关闭调试模式 config->app.php 将'app_debug'设置为 false（'app_debug' => false,） 第二步：注释掉异常模板文件 将exception_tmpl注释掉 //'exception_tmpl' => Env::get('think_path') . 'tpl/th...
thinkphp6自定义抛出异常
03-28
在thinkphp6中，可以通过以下方式自定义抛出异常： 1. 创建自定义异常类 首先，我们需要创建一个自定义的异常类，继承自think\Exception类，例如： ```php namespace app\exception; use think\Exception; ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值