tp3 自动跳转的404模版设置
管理员 发布于 7年前   699
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>
请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!
该博客于2020-12-7日,后端基于go语言的beego框架开发
前端页面使用Bootstrap可视化布局系统自动生成
是我仿的原来我的TP5框架写的博客,比较粗糙,底下是入口
侯体宗的博客
文章标签
友情链接