tp5很强悍但是 跳转页面有些简洁
如何让它花里胡哨提升用户体验呢?
1.在tp5的公共函数库中自定义跳转方法
function jump($url, $info=NULL, $time=3)
{
// 先判断是立即跳转还是刷新跳转
if (is_null($info)) {
// 说明是立即跳转
header('location:' . $url);
die;
} else {
// 说明是刷新跳转,应该给出提示
// 直接利用定界符输出模板
echo <<<TIAOZHUAN
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>提示信息</title>
<style type='text/css'>
* {margin:0; padding:0;}
div {width:390px; height:287px; border:1px #09C solid; position:absolute; left:50%; margin-left:-195px; top:10%;}
div h2 {width:100%; height:30px; line-height:30px; background-color:#09C; font-size:14px; color:#FFF; text-indent:10px;}
div p {height:120px; line-height:120px; text-align:center;}
div p strong {font-size:26px;}
</style>
<div>
<h2>提示信息</h2>
<p>
<strong>$info</strong><br />
页面在<span id="second">$time</span>秒后会自动跳转,或点击<a id="tiao" href="$url">立即跳转</a>
</p>
</div>
<script type="text/javascript">
var url = document.getElementById('tiao').href;
function daoshu(){
var scd = document.getElementById('second');
var time = --scd.innerHTML;
if(time<=0){
window.location.href = url;
clearInterval(mytime);
}
}
var mytime = setInterval("daoshu()",1000);
</script>
TIAOZHUAN;
die;
}
}
控制器中调用jump方法即可
参数见方法中即可!