ThinkPHP中自定義錯誤頁面和提示頁面例項
在ThinkPHP中有兩個方法時提示錯誤頁面 _404('錯誤資訊','跳轉的地址');halt('提示資訊');
這兩個函式都可以自定義錯誤頁面在配置檔案中加
複製程式碼 程式碼如下:
'TMPL_EXCEPTION_FILE'=>'./Public/Tpl/error.html'
這樣每次就會跳轉到這個頁面。
下面是我定製的錯誤頁面
複製程式碼 程式碼如下:
在( 3 )秒後自動跳轉,或直接點選 這裡 跳轉 停止
$this->ess('錯誤資訊','跳轉的地址(最好用U())',時間);
$this->error();
下面是我改變ThinkPHP中的提示頁面
複製程式碼 程式碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:///1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>提示訊息 - ThinkPHP</title>
<style type="text/css">
body { font: 75% Arail; text-align: center; }
#notice { width: 300px; background: #FFF; border: 1px solid #BBB; background: #EEE; padding: 3px;
position: absolute; left: 50%; top: 50%; margin-left: -155px; margin-top: -100px; }
#notice div { background: #FFF; padding: 30px 0 20px; font-size: 1.2em; font-weight:bold }
#notice p { background: #FFF; margin: 0; padding: 0 0 20px; }
a { color: #f00} a:hover { text-decoration: none; }
</style>
</head>
<body>
<div id="notice">
<present name="message">
<p style="font: italic bold 2cm cursive,serif; color:green">
ok
</p>
<div class="ess" style="width:100%;text-align:left;padding-left:10px;padding-right:10px">
<?php echo($message); ?>
</div>
<else/>
<p style="font: italic bold 2cm cursive,serif; color:red">
×
</p>
<div class="error" style="width:100%;text-align:left;padding-left:10px;padding-right:10px">
</div>
</present>
<p>
在( <span id="sec" style="color:blue;font-weight:bold"><?php echo($waitSecond); ?></span> )秒後自動跳轉,或直接點選 <a href="javascript:window.location='<?php echo($jumpUrl); ?>'">這裡</a> 跳轉<br>
<span style="display:block;text-decoration:underline;cursor:pointer;line-height:25px" onclick="stop(this)">停止</span>
</p>
</div>
<script>
var seco=document.getElementByIdx_x("sec");
var time=<?php echo($waitSecond); ?>;
var tt=setInterval(function(){
time--;
seco.innerHTML=time;
if(time<=0){
window.location='<?php echo($jumpUrl); ?>'
return;
}
}, 1000);
function stop(obj){
clearInterval(tt);
obj.style.display="none";
}
</script>
</body>
</html>