`

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)实现改写跳转提示页面的方法

    TP5框架默认提供的跳转提示页面样式可能无法满足所有人的审美需求,因此有时需要对这些页面进行改写以提升用户体验。 在TP5框架中实现跳转提示页面的改写,大致可以分为以下几个步骤: 1. 查看TP5框架默认的跳转...

    tp5 自定义错误显示.zip

    2. **异常处理类**:创建一个自定义的异常处理类,继承自TP5的`\think\ExceptionHandler`,并覆盖其中的方法,如`render()`,用于定制错误页面的呈现方式。 3. **错误日志**:TP5支持记录错误到日志文件,可以在`...

    TP框架设置默认访问控制器和超级管理员

    超级管理员是在TP框架中具有最高权限的角色,通常用于后台管理界面的操作,如添加、删除或修改数据等。通过设置超级管理员,可以有效地控制后台系统的访问权限,确保系统的安全性。 #### 如何设置超级管理员 在给定...

    修改TP路由器固件的小工具

    标题中的“修改TP路由器固件的小工具”指的是一个专门用于修改TP-Link品牌路由器固件的软件工具。固件是嵌入在硬件设备中的操作系统,它控制设备的运行并提供与用户的交互界面。TP-Link作为知名的路由器制造商,其...

    TP5框架页面跳转样式操作示例

    这些样式将应用于跳转提示页面,使其在移动设备上看起来更加舒适。 在实际应用中,`/thinkphp/tpl/dispatch_jump.tpl`模板文件通常会包含一些动态内容,如错误消息或成功提示,这些可以通过PHP变量传入并显示。例如...

    tplink管理员密码是多少?tp-link忘记路由器登陆密码怎么办

    5. TP-Link默认登录密码:对于较旧的路由器,可能在登录时会提示输入默认的管理员密码,如"admin",但这是出厂设置,一旦用户修改过,就不再适用。 总结来说,当忘记TP-Link路由器的管理员密码时,可以先尝试常见的...

    TPLINK路由器登录.rar

    【标题】:TPLINK路由器登录 TPLINK路由器是全球知名网络设备制造商TP-Link推出的路由器产品,被广泛应用于家庭和小型企业网络环境。路由器的登录是管理、配置和监控网络设置的关键步骤。这个RAR压缩包文件"TPLINK...

    TP后台模版

    - **文件名修改**:按照描述提示,可能需要修改解压后的文件名以适应项目需求。 - **整合到ThinkPHP项目**:将模板文件复制到ThinkPHP项目的相应目录,如视图(views)目录。 - **配置路由**:在ThinkPHP的配置...

    TP-Link无线路由器怎么修改WiFi无线网络名称?

    本文将详细介绍如何修改TP-Link无线路由器的Wi-Fi无线网络名称。 首先,我们需要查看当前的Wi-Fi无线网络名称。这可以通过电脑或手机的任务栏中的无线网络图标来实现。点击该图标,会显示可用的Wi-Fi网络列表,从中...

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

    你可以修改ThinkPHP的默认提示模板来个性化这些提示页面。默认的提示页面位于`ThinkPHP/Library/Think/Template/taglib/cTAG.class.php`中的`_parse_success_error`函数。你可以复制这个模板并将其放入你的项目中,...

    TP-LINK无线路由器设置图解

    4. 登录后,会进入路由器的配置页面,此时可以修改路由器的登录信息,以防他人篡改设置。 三、设置无线网络 1. 在配置页面,找到“无线设置”或“Wireless”选项,点击进入。 2. 为你的无线网络设置一个易于记忆且...

    tp-link设置页面打不开怎么办.doc

    5. **尝试访问设置页面**:保存以上设置后,在浏览器中输入“192.168.1.253”来访问路由器的管理页面。默认的用户名和密码都是“admin”。 6. **恢复自动获取IP**:一旦路由器设置完成,记得将IP设置改回“自动获取...

    Thinkphp5+layui响应式企业站源码.zip

    接下来,Layui是一个优秀的前端UI框架,它提供了一系列完善的模块化组件,如表格、表单、按钮、提示、弹窗等,且样式简洁、布局灵活。Layui的响应式设计使得页面在不同设备上都能展示良好的视觉效果,适应手机、平板...

    tp5框架基于Ajax实现列表无刷新排序功能示例

    在本示例中,我们将探讨如何使用ThinkPHP5(简称tp5)框架和Ajax技术实现列表的无刷新排序功能。这种功能在后台管理系统中非常常见,可以提高用户体验,避免每次排序时都需完整刷新页面。 首先,理解无刷新排序的...

    tp3.zip_javascript

    在"tp3.zip"这个压缩包中,我们可以期待找到一系列关于JavaScript编程的实例,帮助我们理解和学习如何利用JavaScript来创建富有活力的网页。 JavaScript的基础包括变量、数据类型、运算符、控制流程(如条件语句和...

    T_P-link超酷登录页源代码

    8. **自定义配置**:对于TP-link路由器,源代码可能允许用户自定义路由器的管理界面,如更改logo、修改登录提示语等。 9. **前端框架与库**:除了HTML、CSS和JavaScript,还可能使用了jQuery、Vue.js、React等前端...

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

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

Global site tag (gtag.js) - Google Analytics