使用上一篇的文章《验证码》，进行演示，链接如下：
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>
相关推荐
TP5框架默认提供的跳转提示页面样式可能无法满足所有人的审美需求，因此有时需要对这些页面进行改写以提升用户体验。 在TP5框架中实现跳转提示页面的改写，大致可以分为以下几个步骤： 1. 查看TP5框架默认的跳转...
2. **异常处理类**：创建一个自定义的异常处理类，继承自TP5的`\think\ExceptionHandler`，并覆盖其中的方法，如`render()`，用于定制错误页面的呈现方式。 3. **错误日志**：TP5支持记录错误到日志文件，可以在`...
超级管理员是在TP框架中具有最高权限的角色，通常用于后台管理界面的操作，如添加、删除或修改数据等。通过设置超级管理员，可以有效地控制后台系统的访问权限，确保系统的安全性。 #### 如何设置超级管理员 在给定...
标题中的“修改TP路由器固件的小工具”指的是一个专门用于修改TP-Link品牌路由器固件的软件工具。固件是嵌入在硬件设备中的操作系统，它控制设备的运行并提供与用户的交互界面。TP-Link作为知名的路由器制造商，其...
这些样式将应用于跳转提示页面，使其在移动设备上看起来更加舒适。 在实际应用中，`/thinkphp/tpl/dispatch_jump.tpl`模板文件通常会包含一些动态内容，如错误消息或成功提示，这些可以通过PHP变量传入并显示。例如...
【标题】：TPLINK路由器登录 TPLINK路由器是全球知名网络设备制造商TP-Link推出的路由器产品，被广泛应用于家庭和小型企业网络环境。路由器的登录是管理、配置和监控网络设置的关键步骤。这个RAR压缩包文件"TPLINK...
复位操作通常很简单，只需使用一个针状物按住路由器背面的Reset键持续5秒以上，直到路由器的系统指示灯快速闪烁或全部亮起，这表示路由器已经恢复到出厂设置。 然而，需要注意的是，恢复出厂设置之后，您必须重新...
- **文件名修改**：按照描述提示，可能需要修改解压后的文件名以适应项目需求。 - **整合到ThinkPHP项目**：将模板文件复制到ThinkPHP项目的相应目录，如视图（views）目录。 - **配置路由**：在ThinkPHP的配置...
本文将详细介绍如何修改TP-Link无线路由器的Wi-Fi无线网络名称。 首先，我们需要查看当前的Wi-Fi无线网络名称。这可以通过电脑或手机的任务栏中的无线网络图标来实现。点击该图标，会显示可用的Wi-Fi网络列表，从中...
你可以修改ThinkPHP的默认提示模板来个性化这些提示页面。默认的提示页面位于`ThinkPHP/Library/Think/Template/taglib/cTAG.class.php`中的`_parse_success_error`函数。你可以复制这个模板并将其放入你的项目中，...
4. 登录后，会进入路由器的配置页面，此时可以修改路由器的登录信息，以防他人篡改设置。 三、设置无线网络 1. 在配置页面，找到“无线设置”或“Wireless”选项，点击进入。 2. 为你的无线网络设置一个易于记忆且...
5. **尝试访问设置页面**：保存以上设置后，在浏览器中输入“192.168.1.253”来访问路由器的管理页面。默认的用户名和密码都是“admin”。 6. **恢复自动获取IP**：一旦路由器设置完成，记得将IP设置改回“自动获取...
接下来，Layui是一个优秀的前端UI框架，它提供了一系列完善的模块化组件，如表格、表单、按钮、提示、弹窗等，且样式简洁、布局灵活。Layui的响应式设计使得页面在不同设备上都能展示良好的视觉效果，适应手机、平板...
在本示例中，我们将探讨如何使用ThinkPHP5（简称tp5）框架和Ajax技术实现列表的无刷新排序功能。这种功能在后台管理系统中非常常见，可以提高用户体验，避免每次排序时都需完整刷新页面。 首先，理解无刷新排序的...
在"tp3.zip"这个压缩包中，我们可以期待找到一系列关于JavaScript编程的实例，帮助我们理解和学习如何利用JavaScript来创建富有活力的网页。 JavaScript的基础包括变量、数据类型、运算符、控制流程（如条件语句和...
8. **自定义配置**：对于TP-link路由器，源代码可能允许用户自定义路由器的管理界面，如更改logo、修改登录提示语等。 9. **前端框架与库**：除了HTML、CSS和JavaScript，还可能使用了jQuery、Vue.js、React等前端...
提示：程序为手机端访问 电脑端登录后显示下载页面 并非程序问题 源码更新日志： H5 APP，支持 IOS/ANDROID/PAD 自适应各版本 APP， 同时支持抢单模式和排单模式，！！三色开发创新， 在原来功能基础上，增加了门票...