think php success美化,thinkphp5 自定义跳转提示success error页面美化

前几天没事，自己学习做一个简单的管理工具，在这里把一点觉得需要记录的东西记录一下。

首先记录一个 修改tp5的自定义提示信息页面吧。下图是tp默认的，是不是和平常开发的风格有点不合？

接下来我们就自己改一个吧。

首先我们自定义一个信息提示的html页面，我这里用的是搭配layer 的一个小插件弹窗，效果还不错，

然后在config配置文件中配置消息提示模板路径：

// 默认跳转页面对应的模板文件

'dispatch_success_tmpl' => APP_PATH . 'public' . DS . 'jump.html',

'dispatch_error_tmpl' => APP_PATH . 'public' . DS . 'jump.html',

我这里是放在后台的视图模板里面。

首页模板页面引用 jquery和layer  两个资源js ，这里就不详细说了。

然后，是模板修改：

(function(){

var msg = '<?php echo(strip_tags($msg));?>';

var iurl = '<?php echo($url);?>';

var wait = '<?php echo($wait);?>';

switch ($code) {

case 1:

?>

layer.msg(msg,{icon:"6",time:wait*1000});

break;

case 0:

?>

layer.msg(msg,{icon:"5",time:wait*1000});

break;

}

?>

setTimeout(function(){

location.href=iurl;

},1000)

})();

这里是根据tp5 默认的提示模板模仿修改过来的，相信既然在学tp5了  这点语句应该能看懂。 然后下面提示的消息是结合了 layer的弹窗样式，效果还可以，并且是提示完成3秒后自动跳转的。

当然这个样式可以自己选择，查看layer  api文档 里面有提供多种。

记得在 页面前面需要引入layer.js文件额。

好啦，修改提示消息模板到这里就搞定了，如果更好的可以留言，我们共同学习。

这几天做的这个管理工具目前暂时放在： http://webhome.wang , 账号密码 admin， 123456

一个来自php菜鸟的分享。