tp5 修改自带success或error跳转模板页面

我们在使用tp5或者tp3.2的时候，用的成功或者失败跳转提示页面一般是用框架的。在后续开发过程中，根据实际项目需要，也是可以更改的，在此分享一个自用的模板。

首先是看一下tp框架自带的跳转模板页面，以tp5为例

在config.php中，我们可以看到，success或error都是用的同一个页面，

在默认的情况下，生成的效果图就是大家经常看到的那个"笑脸"或"哭脸"

失败：，成功：

修改之后的效果图，是这样的

失败：，成功：

下面的是修改之后的dispatch_jump.tpl的源代码：

 {__NOLAYOUT__}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title>跳转提示</title>

     <?php if(isMobile()==true){?>

     <style type="text/css">

     body, h1, h2, p,dl,dd,dt{margin: 0;padding: 0;font: 15px/1.5 微软雅黑,tahoma,arial;}

     body{background:#efefef;}

     h1, h2, h3, h4, h5, h6 {font-size: 100%;cursor:default;}

     ul, ol {list-style: none outside none;}

     a {text-decoration: none;color:#447BC4}

     a:hover {text-decoration: underline;}

     .ip-attack{width:100%; margin:200px auto 0;}

     .ip-attack dl{ background:#fff; padding:30px; border-radius:10px;border: 1px solid #CDCDCD;-webkit-box-shadow: 0 0 8px #CDCDCD;-moz-box-shadow: 0 0 8px #cdcdcd;box-shadow: 0 0 8px #CDCDCD;}

         .ip-attack dt{text-align:center;}

         .ip-attack dd{font-size:16px; color:#333; text-align:center;}

         .tips{text-align:center; font-size:14px; line-height:50px; color:#999;}

     </style>

     <?php }else{ ?>

     <style type="text/css">

         body, h1, h2, p,dl,dd,dt{margin: 0;padding: 0;font: 15px/1.5 微软雅黑,tahoma,arial;}

         body{background:#efefef;}

         h1, h2, h3, h4, h5, h6 {font-size: 100%;cursor:default;}

         ul, ol {list-style: none outside none;}

         a {text-decoration: none;color:#447BC4}

         a:hover {text-decoration: underline;}

         .ip-attack{width:600px; margin:200px auto 0;}

         .ip-attack dl{ background:#fff; padding:30px; border-radius:10px;border: 1px solid #CDCDCD;-webkit-box-shadow: 0 0 8px #CDCDCD;-moz-box-shadow: 0 0 8px #cdcdcd;box-shadow: 0 0 8px #CDCDCD;}

         .ip-attack dt{text-align:center;}

         .ip-attack dd{font-size:16px; color:#333; text-align:center;}

         .tips{text-align:center; font-size:14px; line-height:50px; color:#999;}

     </style>

     <?php }?>

 </head>

 <body>

 <div class="ip-attack"><dl>

         <if condition="$code eq 1" >

             <dt style="color: green"><?php echo(strip_tags($msg));?></dt>

             <else/>

             <dt style="color: red"><?php echo(strip_tags($msg));?></dt>

         </if>

         <br>

         <dt>

             页面自动 <a id="href" href="<?php echo($url);?>">跳转</a> 等待时间： <b id="wait"><?php echo($wait);?></b>

         </dt></dl>

 </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>

而且，对于移动端，也做了适配，下面是判断是否是移动端的js方法

 /**

  * 功能：是否是移动端

  *

  * User: cyf

  * Time: 2018/7/3 0003 11:01

  * @return bool

  */

 function isMobile()

 {

     if (isset ($_SERVER['HTTP_X_WAP_PROFILE']))

     {

         return true;

     }

     if (isset ($_SERVER['HTTP_VIA']))

     {

         return stristr($_SERVER['HTTP_VIA'], "wap") ? true : false;

     }

     if (isset ($_SERVER['HTTP_USER_AGENT']))

     {

         $clientkeywords = array ('nokia',

             'sony',

             'ericsson',

             'mot',

             'samsung',

             'htc',

             'sgh',

             'lg',

             'sharp',

             'sie-',

             'philips',

             'panasonic',

             'alcatel',

             'lenovo',

             'iphone',

             'ipod',

             'blackberry',

             'meizu',

             'android',

             'netfront',

             'symbian',

             'ucweb',

             'windowsce',

             'palm',

             'operamini',

             'operamobi',

             'openwave',

             'nexusone',

             'cldc',

             'midp',

             'wap',

             'mobile'

         );

         if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT'])))

         {

             return true;

         }

     }

     if (isset ($_SERVER['HTTP_ACCEPT']))

     {

         if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html'))))

         {

             return true;

         }

     }

     return false;

 }

tp5 修改自带success或error跳转模板页面的更多相关文章

  1. thinkphp3.2自定义success及error跳转页面

    首先我们需要配置目录 在conf下新建一个config文件 <?php return array( 'TMPL_ACTION_SUCCESS'=>'Public:dispatch_jump ...

  2. thinkphp方法success和error跳转时间以及返回ajax

    Action类的success和error方法第三个参数为数字时候,表示指定页面跳转时间,例如: $,); $,); 如果是ajax跳转 必须用true: $this->success('操作成 ...

  3. thinkphp succes error跳转模板 设置

    执行成功 换成自己想要的模块 下面的路径是默认的模板\ThinkPHP\Tpl\dispatch_jump.tpl D:\wamp\www\ThinkPHP\Tpl\dispatch_jump.tpl ...

  4. yii2自定义json格式success，error跳转

    /** * ---------------------------------------------- * 操作成功跳转的快捷方法 * @access protected * @param stri ...

  5. Thinkphp框架中自定义修改success和error页面

    Thinkphp框架中自定义修改success和error页面 Thinkphp框架的默认success和error太难看,可以自定义设置,步骤如下: (注意:TP原框架中的success跳转有问题, ...

  6. ThinkPHP页面跳转success与error方法

    首先是控制器中,可以使用下代码: config配置如下: 'TMPL_ACTION_ERROR' => 'Public:error', // 默认错误跳转对应的模板文件 'TMPL_ACTION ...

  7. nginx配置url中带问号的rewrite跳转

    今天收到一个需求,要将一个带查询参数的url跳转到另外一个静态url,安装常规的rewrite规则,如: rewrite ^/a.html?id=67$ http://zt.epython.cn/20 ...

  8. ajax中什么时候进success和error

    先简单介绍下ajax: 简单的说Ajax请求通过XMLHttpRequest对象发送请求,该对象有四个状态(readyState): -未初始化.-正在初始化.-发送数据.-正在发送数据.-完成. 当 ...

  9. 关于ajaxFileUpload图片上传，success和error都触发的情况

    最近做到项目使用JQuery的插件ajaxFileUpload~~~ 遇到了非常领人匪夷所思的事情,当图片上传成功之后呢(success),它的error事件也被触发了,情况就是: 后端数据正确返回 ...

随机推荐

  1. Tree and Queries CodeForces - 375D 树上莫队

    http://codeforces.com/problemset/problem/375/D 树莫队就是把树用dfs序变成线性的数组. (原数组要根据dfs的顺序来变化) 然后和莫队一样的区间询问. ...

  2. pat1078. Hashing (25)

    1078. Hashing (25) 时间限制 100 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CHEN, Yue The task of t ...

  3. 用简单的方法学习ES6

    ES6 简要概览 这里是ES6 简要概览.本文大量参考了ES6特性代码仓库,请允许我感谢其作者@Luke Hoban的卓越贡献,也感谢@Axel Rauschmayer所作的[优秀书籍]//explo ...

  4. Vue日历

    Vue生成日历,根据返回值将日期标红 HTML: <h1>CSS 日历</h1> <div id="calendar"> <div cla ...

  5. sass相关随笔

    安装 下载ruby并且安装 点击这里 打开命令行输入 gem install sass 我使用的是sublime text3 还需要下载三个插件 sass -- 可以帮助你语法高亮 sass buil ...

  6. Android在应用设置里关闭权限，返回生命周期处理

    问题 在处理6.0运行时权限时,很多人都忽略了这样一个问题: 在一个App应用里,如果已经允许了一个权限比如(读取通讯权限),此刻去调用相机,弹出权限申请对话框,此刻点击拒绝,然后经过处理后弹出去设置 ...

  7. 【c++】用c++编写的求任意区间的素数的小程序

    #include using namespace std; int main() { cout<<"*************************************** ...

  8. Invoke 和 BeginInvoke 的区别（转发）

    在Invoke或者BeginInvoke的使用中无一例外地使用了委托Delegate. 一.为什么Control类提供了Invoke和BeginInvoke机制? 关于这个问题的最主要的原因已经是do ...

  9. uLua学习之使用协程（终）

    前言 今天是本系列的第六篇文章,也是最后一篇,我们来看看uLua中如何来实现协程吧.首先,让我们明确协程的概念.在百度百科上的是这样说的,协程更适合于用来实现彼此熟悉的程序组件,如合作式多任务,迭代器 ...

  10. linux 命令——18 locate (转）

    locate 让使用者可以很快速的搜寻档案系统内是否有指定的档案.其方法是先建立一个包括系统内所有档案名称及路径的数据库,之后当寻找时就只需查询这个数据库,而不必实际深入档案系统之中了.在一般的 di ...