Thinkphp提供了自帶的錯誤提示頁面,但是并不美觀,提示信息顯示如下:
我們如果想要更換提示頁面應該怎么做呢?
以thinkphp3.2為例:
立即學習“PHP免費學習筆記(深入)”;
在應用配置文件(應用文件目錄/Common/Conf/config.php)中添加:
/*?錯誤頁面模板?*/ 'TMPL_ACTION_ERROR'?????=>??'public/dispatch_jump.html',?//?默認錯誤跳轉對應的模板文件' 'TMPL_ACTION_SUCCESS'???=>??'Public/dispatch_jump.html',?//?默認成功跳轉對應的模板文件' //'TMPL_EXCEPTION_FILE'???=>??'Public/exception.html',//?異常頁面的模板文件
?然后我是在項目公共文件(項目目錄/Public)中新建了dispatch_jump.html,模板內容如下:
nbsp;html> ???? ????????<meta> ????????<title>跳轉提示</title> ????????<meta> ????????<style> *{box-sizing:border-box;margin:0;padding:0;font-family:Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,"微軟雅黑",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;-webkit-font-smoothing:antialiased} body{padding:70px 0;background:#edf1f4;font-weight:400;font-size:1pc;-webkit-text-size-adjust:none;color:#333} a{outline:0;color:#3498db;text-decoration:none;cursor:pointer} .system-message{margin:20px 5%;padding:40px 20px;background:#fff;box-shadow:1px 1px 1px hsla(0,0%,39%,.1);text-align:center} .system-message h1{margin:0;margin-bottom:9pt;color:#444;font-weight:400;font-size:40px} .system-message .jump,.system-message .image{margin:20px 0;padding:0;padding:10px 0;font-weight:400} .system-message .jump{font-size:14px} .system-message .jump a{color:#333} .system-message p{font-size:9pt;line-height:20px} .system-message .btn{display:inline-block;margin-right:10px;width:138px;height:2pc;border:1px solid #44a0e8;border-radius:30px;color:#44a0e8;text-align:center;font-size:1pc;line-height:2pc;margin-bottom:5px;} .success .btn{border-color:#69bf4e;color:#69bf4e} .error .btn{border-color:#ff8992;color:#ff8992} .info .btn{border-color:#3498db;color:#3498db} .copyright p{width:100%;color:#919191;text-align:center;font-size:10px} .system-message .btn-grey{border-color:#bbb;color:#bbb} .clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."} @media (max-width:768px){body {padding:20px 0;}} @media (max-width:480px){.system-message h1{font-size:30px;}} </style> ???? ???? ????????<div> ????????????<?php if(isset($message)){ ?> ????????????<div> ????????????????@@##@@ ????????????</div> ????????????<h1> ????????????<?php echo $message; }else{ ?> ?????????????<div> ????????????????@@##@@ ????????????</div> ????????????<h1> ????????????<?php echo $error; }?> </h1> ????????????</h1> <p> ????????????????頁面將在?<span><?php echo($waitSecond); ?></span><!-- <span id="wait">3</span> -->秒后自動<a>">跳轉</a> ????????????</p> ????????????<p> ????????????????<a>返回上一步</a> ????????????????<a>"?class="btn?btn-primary">立即跳轉</a> ????????????</p> ????????</div> ????????<script> (function () { var wait = document.getElementById('wait'), href = document.getElementById('href').href; var interval = setInterval(function () { var time = --wait.innerHTML; if (time <= 0) { location.href = href; clearInterval(interval); } }, 1000); })(); </script> ????
?效果如下:
推薦教程:《TP5》
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END