thinkphp5最美跳转页面

声明下：此教程来自TP官网，如果需要看原文，请点击一下链接 http://www.thinkphp.cn/code/3437.html

先给大家看下效果：

直接撸代码：

第一步：为了增加对移动设备的支持，在common.php加入以下函数：

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;

}

第2步：替换模板

这个文件里面的代码全部删除，加入以下代码：

{__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: ;padding: ;font: 15px/1.5 微软雅黑,tahoma,arial;}

        body{background:#efefef;}

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

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

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

        a:hover {text-decoration: underline;}

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

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

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

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

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

    </style>

<?php }else{ ?>

<style type="text/css">

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

        body{background:#efefef;}

        h1, h2, h3, h4, h5, h6 {font-size: %;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 ;}

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

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

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

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

    </style>

<?php }?>

</head>

<body>

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

        <?php switch ($code) {?>

            <?php case :?>

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

            <?php break;?>

            <?php case :?>

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

            <?php break;?>

        <?php } ?>

        <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 <= ) {

                    location.href = href;

                    clearInterval(interval);

                };

            }, );

        })();

    </script>

</body>

</html>

搞定！！！

thinkphp5最美跳转页面的更多相关文章

JS定时刷新页面及跳转页面
JS定时刷新页面及跳转页面 Javascript 返回上一页1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history ...
Webform Session、Cookies传值，跳转页面方式
Session:每个独立的浏览器都会创建一个独立的Session,不是一台电脑一个Session 存放位置:服务器上作用:只要里面有内容,那么这个网站中所有的C#端都能访问到这个变量优点:安全,速 ...
跳转页面，传递参数——android
android 跳转页面并传递对象(实体类)——项目中是集港收货类网上资料:两种传递方法Serializable,parcelable 优劣比较:Serializable数据更持久化,网络传输或数据 ...
Response.Redirect 无法跳转页面
错误现象:Response.Redirect(Server.MapPath("BackIndex.aspx")); 打断点测试执行了这一句,Server.MapPath(" ...
xamarin.ios 跳转页面
一:用Segue跳转页面按住Ctrl连线,选择show,后台覆写 ShouldPerformSegue方法,返回True跳转,False取消跳转. 二:通过代码跳转至StoryBoard页面 U ...
常用的js跳转页面方法实现汇总
1.window.location.href方式 <script language="javascript" type="text/javascript" ...
JavaScript学习笔记-简单的倒计时跳转页面
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...
iOS极光推送点击推送消息跳转页面
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launc ...
使用Android点击按钮跳转页面
1.首先新建一个Android工程,命名为MyApp(名字可以自己随意起); 2.以原有的MainActivity.java文件为登录界面,然后在src文件中的包上面右击选择New目录下的Other中 ...

随机推荐

JVM（2）——GC算法和收集器
一.引入上篇博客<JVM--简介>中主要介绍了JVM的内存模型,思考一下: 为什么要划分堆.栈.方法区等? 为什么把不同种类的数据信息分别存放? 答案可以分为很多很多条,这里就说一个方面 ...
ui-grid表格怎么实现内容居中
这次是思想落后了,只关注怎么使用原生的ui-grid样式来实现这一需求,后来发现可以通过此列的cellTemplate来为列指定内容,从而可以使用css调整样式. ps:其实有时候换种思路,豁然开朗. ...
[C/C++] C/C++中数字与字符串之间的转换
在C中: 方法: 1.C标准库中的sprintf, sscanf 2.C标准库还提供了 atoi, atof, atol, atoll(C++11标准) 函数将字符串转换成int,double, lo ...
【bzoj2141】排队分块+树状数组
题目描述排排坐,吃果果,生果甜嗦嗦,大家笑呵呵.你一个,我一个,大的分给你,小的留给我,吃完果果唱支歌,大家乐和和.红星幼儿园的小朋友们排起了长长地队伍,准备吃果果.不过因为小朋友们的身高有所区别, ...
【bzoj2705】[SDOI2012]Longge的问题欧拉函数
题目描述 Longge的数学成绩非常好,并且他非常乐于挑战高难度的数学问题.现在问题来了:给定一个整数N,你需要求出∑gcd(i, N)(1<=i <=N). 输入一个整数,为N. 输出 ...
【bzoj2453】维护队列/【bzoj2120】数颜色分块+二分
题目描述你小时候玩过弹珠吗? 小朋友A有一些弹珠,A喜欢把它们排成队列,从左到右编号为1到N.为了整个队列鲜艳美观,小朋友想知道某一段连续弹珠中,不同颜色的弹珠有多少.当然,A有时候会依据个人喜好, ...
ARC076 F Exhausted? Hall定理 + 线段树扫描线
---题面--- 题目大意: 有n个人,m个座位,每个人可以匹配的座位是[1, li] || [ri, m],可能有人不需要匹配座位(默认满足),问最少有多少人不能被满足. 题解: 首先可以看出这是一 ...
Angular 表单验证基础篇
<div class="nav"> <h4>表单验证</h4> <form ng-app="myApp" name=& ...
POJ2240：Arbitrage（最长路+正环）
Arbitrage Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 29374 Accepted: 12279 题目链接: ...
调用webservice接口
这里是cxf服务器,采用myeclipse6.5,把wsdl放到本地的方式. 新建一个包, 把解析到的类放在这个包下面. 生成的代码结构: 调用: public static String callI ...

thinkphp5最美跳转页面

thinkphp5最美跳转页面的更多相关文章

随机推荐

热门专题