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. 四，JVM 自带命令行工具之JStack

    jstack(stack trace for java) 命令 用于查看虚拟机当前时刻的线程快照(一般称为threaddump或者javacore文件).线程快照就是当前虚拟机内每一条线程正在执行的方 ...

  2. C# 用正则表达式判断字符串是否为纯数字

    Regex regex = new System.Text.RegularExpressions.Regex("^(-?[0-9]*[.]*[0-9]{0,3})$"); stri ...

  3. js、jquery报错

    js.jquery一直报错,是myecplise的问题, 右键项目->属性->builder->js validate去掉单个文件出错 右击文件->myecplise-> ...

  4. Dede友情链接和分页列表和内容分页去掉小圆点LI标签

    我用了一个比较老式的模板,友情链接和列表页底下的一段分页导航会自动获取LI标签,导致错位.每段文字前还多出一个可恶的黑色实心小圆点,心想肯定是LI标签在搞怪,于是把模板文件和样式文件都翻看了一个底朝天 ...

  5. Python 面向对象程序设计

    类的设计 方法优先的原则, 在__init__方法中创建出需要的属性, 对于基类来说, 只进行默认值得初始化, 0, None等, 对于真正需要使用的子类, __init__方法则是进行我们需要的初始 ...

  6. Android模拟器使用SD卡

    在Android的应用开发中经常要用到与SD卡有关的调试,本文就是介绍关于在Android模拟器中SD卡的使用 一.      准备工作 在介绍之前首先做好准备工作,即配好android的应用开发环境 ...

  7. Ionic 解决gradle下载慢的问题

    问题 使用Ioinc添加安卓平台或者编译的时候,提示gradle-XXX-all.zip下载,此进度缓慢. 解决 下载gradle对应的zip文件. 参考资源:http://services.grad ...

  8. Linux下安装JDK及相关配置

    1.官网下载JDK:选择Linux压缩包进行下载 https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-213 ...

  9. 一、基础知识 React API 一览

    1.10 Hooks 参考文章:https://juejin.im/post/5be3ea136fb9a049f9121014 demo: /** * 必须要react和react-dom 16.7以 ...

  10. Ubuntu 安装boost 库

    使用 apt-get进行安装 sudo apt-get install libboost-dev