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. 网络安全基础之arp

    ARP(Address Resolution Protocol),中文解释为地址解析协议,是根据IP地址获取物理地址的一个TCP/IP协议. ARP大致工作流程如下: 主机发送信息时将包含目标IP地址 ...

  2. POJ - 3450

    题目链接:http://poj.org/problem?id=3450 Corporate Identity Time Limit: 3000MS   Memory Limit: 65536K Tot ...

  3. UnityError 切换场景灯光变黑问题解决

    编辑器在当前场景时,它的灯光是已经渲染好了,但重新加载的时候灯光没有进行渲染 解决方法如下: Window>>lighting>>Scene面板>>右下角build ...

  4. JMeter tomcat测试请求

    JMeter tomcat测试请求 Apache Jmeter是开源的压力测试工具,可以测试tomcat 的吞吐量等信息 下载地址: http://jmeter.apache.org/download ...

  5. 面试(Java之IO与NIO)

    一.概念 NIO即New IO,这个库是在JDK1.4中才引入的.NIO和IO有相同的作用和目的,但实现方式不同,NIO主要用到的是块,所以NIO的效率要比IO高很多.在Java API中提供了两套N ...

  6. hibernate笔记3--hql查询

    1.Query:他是一种比较面向对象的查询方式,query查询也叫做hql查询(hibernate query language),使用query查询,需要接受一个         hql语句进行查询 ...

  7. PIC IDE编译器变量问题

    1.用const关键字是不能把变量定义到ROM区域的,在IDE编译器里要在变量的定义前面加入rom关键字.例如: rom char tmp[257]={0};const rom char tmp[25 ...

  8. Android RxJava2+Retrofit2单文件下载监听进度封装

    RxJava2和Retrofit2用的越来越多,最近也在封装一个通用的网络请求库,其中就包括了单文件下载的方法,所以这里进行记录.文末附带Demo 由于网上很多的方法都是使用拦截器进行进度的监听,个人 ...

  9. sql server 搭建发布订阅后，改端口不正常工作的问题

    sql 的发布订阅,想必大家都了解,但一般都是在默认的1433的情况下搭建的,那么1433换成别的端口,发布还能正常工作吗? 在一次客户的真实场景上我就遇到了. 好了,今天不想写太多,简化下, 测试环 ...

  10. 小记：vue 及 react 的工程项目入口小结及 webpack 配置多页面应用参考

    一.前言 闲暇时间,看了下前端的基础知识,有幸参与了公司公众号项目前面的一个阶段,学习到了一些前端框架的相关知识 小结了一下 自己练习通过新建一个个文件组织起项目的过程中的一些理解 二.项目入口 vu ...