如何用TP5实现页面跳转并展示个性化提示？
- 内容介绍
- 相关推荐
本文共计689个文字，预计阅读时间需要3分钟。
原文示例：本文字例讲述了ThinkPHP5（TP5）实现修改跳转提示页面的方法。分享给广大用户，供大家参考，具体如下：
+ 大家都知道Tp框架一直以来以来的执行成功和失败的页面都是不太特别的，不过这样也好。
本文实例讲述了thinkPHP5(TP5)实现改写跳转提示页面的方法。分享给大家供大家参考，具体如下：
大家都知道Tp框架一直以来的执行成功和失败的页面都不是特别的好看，不过这样也给了开发者一个不错的选择我们可以根据自己的喜好去改写这个跳转提示的页面
我使用的是Tp5框架，Tp5的跳转提示页面的改写和Tp3的有异曲同工之妙，首先还是先看一下Tp框架中自带的跳转提示页面的代码吧，我直接贴上了：
{__NOLAYOUT__}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="www.w3.org/1999/xhtml"> <head> <meta layer.layui.com/，想看的请同志们左拐
1.下载layer插件，进行解压，解压之后的文件包如下：
解压之后包含这三个主要的文件，其中我们需要引入到文件中的是layer.js
但是千万不要忘记引入了jquery.js
然后大家看Tp原来的代码中几行比较重要的代码：
<p class="success"><?php echo(strip_tags($msg));?></p> <?php echo($url);?> <?php echo($wait);?>
这三点分别是提示信息，跳转路径，等待时间
有了这几个就可以了，改写的时候使用隐藏域的手手法，利用隐藏域将需要获得信息通过jquery的形式获取，然后插入到下面的js中：
<script type="text/javascript"> (function(){ layer.open({ content: msg, yes: function(index, layero){ //do something layer.close(index); //如果设定了yes回调，需进行手工关闭 } }); 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> var msg = $('#msg').val(); 提示信息 var url = $('#url').val(); 跳转url var wait = $('#wait').val(); 等待时间
改写后的js:
<script type="text/javascript"> (function(){ var msg = $('#msg').val(); var url = $('#url').val(); var wait = $('#wait').val(); layer.open({ content: msg, yes: function(index, layero){ //do something location.href = url; layer.close(index); //如果设定了yes回调，需进行手工关闭 } }); })(); </script>
这里我没有使用自动跳转，而是手动点击进行跳转，所以下面的计时器直接删除掉了，并不影响
就这样改写成功了
更多关于thinkPHP相关内容感兴趣的读者可查看本站专题：《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
本文共计689个文字，预计阅读时间需要3分钟。
原文示例：本文字例讲述了ThinkPHP5（TP5）实现修改跳转提示页面的方法。分享给广大用户，供大家参考，具体如下：
+ 大家都知道Tp框架一直以来以来的执行成功和失败的页面都是不太特别的，不过这样也好。
本文实例讲述了thinkPHP5(TP5)实现改写跳转提示页面的方法。分享给大家供大家参考，具体如下：
大家都知道Tp框架一直以来的执行成功和失败的页面都不是特别的好看，不过这样也给了开发者一个不错的选择我们可以根据自己的喜好去改写这个跳转提示的页面
我使用的是Tp5框架，Tp5的跳转提示页面的改写和Tp3的有异曲同工之妙，首先还是先看一下Tp框架中自带的跳转提示页面的代码吧，我直接贴上了：
{__NOLAYOUT__}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="www.w3.org/1999/xhtml"> <head> <meta layer.layui.com/，想看的请同志们左拐
1.下载layer插件，进行解压，解压之后的文件包如下：
解压之后包含这三个主要的文件，其中我们需要引入到文件中的是layer.js
但是千万不要忘记引入了jquery.js
然后大家看Tp原来的代码中几行比较重要的代码：
<p class="success"><?php echo(strip_tags($msg));?></p> <?php echo($url);?> <?php echo($wait);?>
这三点分别是提示信息，跳转路径，等待时间
有了这几个就可以了，改写的时候使用隐藏域的手手法，利用隐藏域将需要获得信息通过jquery的形式获取，然后插入到下面的js中：
<script type="text/javascript"> (function(){ layer.open({ content: msg, yes: function(index, layero){ //do something layer.close(index); //如果设定了yes回调，需进行手工关闭 } }); 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> var msg = $('#msg').val(); 提示信息 var url = $('#url').val(); 跳转url var wait = $('#wait').val(); 等待时间
改写后的js:
<script type="text/javascript"> (function(){ var msg = $('#msg').val(); var url = $('#url').val(); var wait = $('#wait').val(); layer.open({ content: msg, yes: function(index, layero){ //do something location.href = url; layer.close(index); //如果设定了yes回调，需进行手工关闭 } }); })(); </script>
这里我没有使用自动跳转，而是手动点击进行跳转，所以下面的计时器直接删除掉了，并不影响
就这样改写成功了
更多关于thinkPHP相关内容感兴趣的读者可查看本站专题：《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。