`

TP5 修改消息提示页面

阅读更多

使用上一篇的文章《验证码》,进行演示,链接如下:

http://onestopweb.iteye.com/blog/2386499

 

使用layer插件来修改TP5的消息提示页面

application\common.php

<?php
/**
 * $msg 待提示的消息
 * $url 待跳转的链接
 * $icon 这里主要有两个,5和6,代表两种表情(哭和笑)
 * $time 弹出维持时间(单位秒)
 */
function alert($msg='',$url='',$icon='',$time=3){
    $str='<script type="text/javascript" src="'.config('admin_static').'/asset/js/jquery.js"></script><script type="text/javascript" src="'.config('admin_static').'/asset/layer/layer.js"></script>';
    $str.='<script>$(function(){layer.msg("'.$msg.'",{icon:'.$icon.',time:'.($time*1000).'});setTimeout(function(){self.location.href="'.$url.'"},'.($time*1000).')});</script>';
    return $str;
}

 

application\index\controller\Index.php

<?php
namespace app\index\controller;
use think\Controller;
class Index extends Controller
{
    public function index()
    {
        return $this->fetch();
    }
    public function check($code='')
    {
        $captcha = new \think\captcha\Captcha();
        if(!$captcha->check($code)) {
            return alert('验证码错误','/index.html',5,3);
        }
        else {
            return alert('验证码正确','/index.html',6,3);
        }
    }
}

 

效果图:

 

或者直接修改 thinkphp\tpl\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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>跳转提示</title>
    <style type="text/css">
        *{ padding: 0; margin: 0; }
        body{ background: #fff; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; font-size: 16px; }
        .system-message{ padding: 24px 48px; }
        .system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
        .system-message .jump{ padding-top: 10px; }
        .system-message .jump a{ color: #333; }
        .system-message .success,.system-message .error{ line-height: 1.8em; font-size: 36px; }
        .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display: none; }
    </style>
</head>
<body>
    <div class="system-message">
        <?php switch ($code) {?>
            <?php case 1:?>
            <h1>:)</h1>
            <p class="success"><?php echo(strip_tags($msg));?></p>
            <?php break;?>
            <?php case 0:?>
            <h1>:(</h1>
            <p class="error"><?php echo(strip_tags($msg));?></p>
            <?php break;?>
        <?php } ?>
        <p class="detail"></p>
        <p class="jump">
            页面自动 <a id="href" href="<?php echo($url);?>">跳转</a> 等待时间: <b id="wait"><?php echo($wait);?></b>
        </p>
    </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>

 

 

 

 

 

 

 

 

 

 

  • 大小: 16.5 KB
1
1
分享到:
评论

相关推荐

    thinkPHP5(TP5)实现改写跳转提示页面的方法

    主要介绍了thinkPHP5(TP5)实现改写跳转提示页面的方法,结合实例形式分析了thinkPHP5跳转提示页面的修改步骤与相关操作注意事项,需要的朋友可以参考下

    ThinkPHP中自定义错误页面和提示页面实例

    本文实例讲述了ThinkPHP中自定义错误页面和提示页面的方法。分享给大家供大家参考。具体实现方法如下: 在ThinkPHP中有两个方法时提示错误页面 _404(‘错误信息’,’跳转的地址’);halt(‘提示信息’); 这两个函数都...

    TP新版抢单系统 开源招财宝自由宝HZ区块系统源码+带门票支付+激活码功能

    提示:程序为手机端访问 电脑端登录后显示下载页面 并非程序问题 源码更新日志: H5 APP,支持 IOS/ANDROID/PAD 自适应各版本 APP, 同时支持抢单模式和排单模式,!!三色开发创新, 在原来功能基础上,增加了门票...

    最新版【TP新版抢单系统】开源招财宝自由宝HZ区块系统源码+带门票支付+激活码功能

    提示:程序为手机端访问 电脑端登录后显示下载页面 并非程序问题 源码更新日志: H5 APP,支持IOS/ANDROID/PAD自适应各版本APP, 同时支持抢单模式和排单模式,!!三色开发创新, 在原来功能基础上,增加了门票兑换...

    DSShop单用户TP5框架B2C开源商城源码-PHP

    5. 修复限时折扣 商品列表页面 商品名称带有单引号会报错 不显示商品列表的问题 6. 规范语言包 7. 新增会员等级操作日志语言项 8. 添加商品详情页面 限时折扣活动没有设置标题的默认标题 9. 修复获取在售商品会获取...

    tp.rar_4 3 2 1

    功能说明 1.支持单项选择、多项选择 2.支持每日独立IP投票限制开关 ... 4.后台管理密码修改。 5.调用代码后台有显示votetest.htm有提示。 6.后台管理页面vote/index.asp 7、登陆用户名和密码都是loveu99

    【新增利息宝】最新更新的自动抢单系统V6源码免授权无后门 利息宝/抢单/接单返利/区块链

    Ⅱ、优化抢单体验,显示随机倒计时和提示内容 Ⅲ、新增首页和订单页面UI特效 Ⅳ、修复抢单页面回调不能返回原分类的问题 安装教程 环境:ap+mysql5.6 1、将源码上传服务器,导入数据库。 2、修改数据库配置文件 \...

    2019版-自动抢单- 绝对完整端

    Ⅱ、优化抢单体验,显示随机倒计时和提示内容 Ⅲ、新增首页和订单页面UI特效 Ⅳ、修复抢单页面回调不能返回原分类的问题 安装教程 环境:ap+mysql5.6 1、将源码上传服务器,导入数据库。 2、修改数据库配置...

    商城(thinkphp5)

    Niushop商城是全国首创集 【B2B2C多用户商城...41、优化 后台弹出框对话框、消息提示框样式 42、移除 后台SQL执行与导入功能 43、优化 后台导航管理列表 44、优化 团购商品取消满减送 45、优化 订单支付返回上一个界面

    【新增利息宝V6】自动抢单系统源码+利息宝+抢单区块链+接单返利+免授权无后门.zip

    Ⅱ、优化抢单体验,显示随机倒计时和提示内容 Ⅲ、新增首页和订单页面UI特效 Ⅳ、修复抢单页面回调不能返回原分类的问题 安装教程 环境:ap+mysql5.6 1、将源码上传服务器,导入数据库。 2、修改数据库配置...

    PHP紫色金融理财网贷系统+仿给你花分期小额贷款源码.zip

    增加了前台客户不可再次修改提现银行卡号功能,只能后台修改提现银行卡 1.十一种状态显示,可设置温馨提示,功能强大,具体看演示。状态包含(1.审核未通过 2.正在审核 3.审核通过 4.已提现未出款 5. 提现成功 6. 待...

    3GCMS PHP版 2.0.rar

    3GCMS是一个免费开源的,快速、简单的面向智能手机等移动终端的网站...根据页面提示,得到生成的APK。 6、记录APK的下载地址。在手机上下载APK,并进行安装。 7、点击导航菜单“下载”,在搜索框中输入网站网址。搜索

    CIM信息系统 v0.9.3.zip

    【增加】错误提示页面自定义的功能 【增加】微信关键词回复关联系统内容的功能 【增加】API接口安全控制 【修复】控制台点击批量刷新无效的问题 【修复】控制台用户详情中信息链接地址错误的问题 【修复】...

    JS幻灯插件 for 帝国CMS.rar

    (温馨提示可以做成“模板变量”,方便修改呀!)    &lt;!-- HEADER_BEGIN 一屏滑动图片--&gt;    &lt;div class="cons"&gt;&lt;div class="con2"&gt;  [ecmsinfo]'2',7,16,0,12,33,1[/ecmsinfo]万能标签置入(对应...

    基于ASP.NET的学生信息管理系统的设计与实现

    传统的基于ASP和JavaScript、VBScript等脚本语言,将动态网页和数据库结合,通过应用程序来处理的方法具有较大局限性。 系统的开发过程中采用的技术是在.netFramework平台上利用ASP.net技术来开发,采用C#语言来...

    TTL线刷机教程1.docx

    CPU running TP0 Total memory: 33554432 bytes (32MB) Total memory used by CFE: 0x80401000 - 0x80529860 (1214560) Initialized Data: 0x8041E740 - 0x80421060 (10528) Board IP address : 192.168.1.1:...

    行云海CMS(XYHCMS)网站内容管理系统 v3.5 bulid0508.zip

    [√]修改catlist标签不指定flag时(默认由原来为0变为1),则默认显示全部栏目。增加hideflag属性,当hideflag为0时,不包含隐藏的栏目。 [√]增强清除系统缓存功能,可以全部清除,也可以部份数据清除。如果清除...

    计算机应用技术(实用手册)

    SECURITY OPTION(检测密码方式)如设定为SETUP,则每次打开机器时屏幕均会提示输入口令(普通用户口令或超级用户口令,普通用户无权修改BIOS设置),不知道口令则无法使用机器;如设定为SYSTEM则只有在用户想进入BIOS设置...

Global site tag (gtag.js) - Google Analytics