侯体宗的博客 tp3 自动跳转的404模版设置

石可破，丹可磨

tp3 自动跳转的404模版设置

TP(3/5)  /  管理员 发布于 2017-07-25 17:30:27   683 
1.官方提供2种方式 TMPL_EXCEPTION_FILE 跟 ERROR_PAGE

2.我这说的是 TMPL_EXCEPTION_FILE 
  直接配置项里面配置 路径 指向你的模版
  'TMPL_EXCEPTION_FILE'   =>  THINK_PATH.'Tpl/think_404.tpl',// 异常页面的模板文件
3.然后你写你的模版效果放进Tpl里面就行了
4.我这里贴个我项目中的模版：

<?php
    if(C('LAYOUT_ON')) {
        echo '{__NOLAYOUT__}';
    }
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>404错误</title>
<style type="text/css">
body,div,h3,h4,li,ol{margin:0;padding:0}
body{font:14px/1.5 'Microsoft YaHei','微软雅黑',Helvetica,Sans-serif;min-width:1200px;
background:#f0f1f3;}:focus{outline:0}h3,h4,strong{font-weight:700}
a{color:#428bca;text-decoration:none}
a:hover{text-decoration:underline}
.error-page{background:#f0f1f3;padding:80px 0 180px}
.error-page-container{position:relative;z-index:1}
.error-page-main{position:relative;background:#f9f9f9;margin:0 auto;width:617px;
-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
box-sizing:border-box;padding:50px 50px 70px}
.error-page-main:before{content:'';display:block;height:7px;position:absolute;top:-7px;
width:100%;left:0}
.error-page-main h3{font-size:24px;font-weight:400;border-bottom:1px solid #d0d0d0}
.error-page-main h3 strong{font-size:54px;font-weight:400;margin-right:20px}
.error-page-main h4{font-size:20px;font-weight:400;color:#333}
.error-page-actions{font-size:0;z-index:100}
.error-page-actions div{font-size:14px;display:inline-block;padding:30px 0 0 10px;
width:50%;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;box-sizing:border-box;color:#838383}
.error-page-actions ol{list-style:decimal;padding-left:20px}
.error-page-actions li{line-height:2.5em}
.error-page-actions:before{content:'';display:block;position:absolute;z-index:-1;
bottom:17px;left:50px;width:200px;height:10px;-moz-box-shadow:4px 5px 31px 11px #999;
-webkit-box-shadow:4px 5px 31px 11px #999;box-shadow:4px 5px 31px 11px #999;
-moz-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);-ms-transform:rotate(-4deg);
-o-transform:rotate(-4deg);transform:rotate(-4deg)}
.error-page-actions:after{content:'';display:block;position:absolute;z-index:-1;
bottom:17px;right:50px;width:200px;height:10px;-moz-box-shadow:4px 5px 31px 11px #999;
-webkit-box-shadow:4px 5px 31px 11px #999;box-shadow:4px 5px 31px 11px #999;
-moz-transform:rotate(4deg);-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);
-o-transform:rotate(4deg);transform:rotate(4deg)}
</style>
</head>
<body>
<div class="error-page">
    <div class="error-page-container">
        <div class="error-page-main">
            <h3>
                <strong>404</strong>很抱歉，您要访问的页面不存在！
            </h3>
            <div class="error-page-actions">
                <div>
                    <h4>可能原因：</h4>
                    <ol>
                        <li>网络信号差不稳定</li>
                        <li>找不到请求的页面</li>
                        <li>输入的网址不正确</li>
                    </ol>
                </div>
                <div>
                    <h4>可以尝试：</h4>
                    <ol>
                        <li><a href=url">返回首页</a></li>
                        <li><a href="javascript:history.back()">返回上一页</a></li>
                        <li style="list-style: none;margin-left: -15px;">自动跳转中..</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" language="javascript">
 function go()
{ 
window.location.href="url"; 
} 
window.setTimeout("go();",3000); //3秒跳转
</script> 
</body>
</html>



  • 上一条：
    centos下bt宝塔安装流程lnmp/lamp
    下一条：
    tp5注册路由

    • 昵称：

    邮箱：

    35条评论
    Top

    Auther ·HouTiZong© 2009-2020 zongscan.com 版权所有ICP证: 粤ICP备20027696号 PHP交流群 也可以扫右边的二维码

    侯体宗的博客