Home > Article > PHP Framework > How to customize error, success, and exception prompt pages in ThinkPHP
ThinkPHP provides its own error prompt page, but it is not beautiful. The prompt information is displayed as follows:
If we want What should I do to change the prompt page?
Take ThinkPHP3.2 as an example:
Add in the application configuration file (application file directory/Common/Conf/config.php):
/* 错误页面模板 */ 'TMPL_ACTION_ERROR' => 'Public/dispatch_jump.html', // 默认错误跳转对应的模板文件' 'TMPL_ACTION_SUCCESS' => 'Public/dispatch_jump.html', // 默认成功跳转对应的模板文件' //'TMPL_EXCEPTION_FILE' => 'Public/exception.html',// 异常页面的模板文件
Then I am in dispatch_jump.html was created in the project public file (project directory/Public). The template content is as follows:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>跳转提示</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> *{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> </head> <body> <div class="system-message error"> <?php if(isset($message)){ ?> <div class="image"> <img src="http://cdn.demo.fastadmin.net/assets/img/success.svg" alt="" width="150" /> </div> <h1> <?php echo $message; }else{ ?> <div class="image"> <img src="http://cdn.demo.fastadmin.net/assets/img/error.svg" alt="" width="150" /> </div> <h1> <?php echo $error; }?></h1> <p class="jump"> 页面将在 <span id="wait"><?php echo($waitSecond); ?></span><!-- <span id="wait">3</span> -->秒后自动<a id="href" href="<?php echo($jumpUrl); ?>">跳转</a> </p> <p class="clearfix"> <a href="javascript:history.go(-1);" class="btn btn-grey">返回上一步</a> <a href="<?php echo($jumpUrl); ?>" class="btn btn-primary">立即跳转</a> </p> </div> <script type="text/javascript"> (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> </body> </html>
The effect is as follows:
Recommended tutorial: "TP5》
The above is the detailed content of How to customize error, success, and exception prompt pages in ThinkPHP. For more information, please follow other related articles on the PHP Chinese website!