使用上一篇的文章《验证码》,进行演示,链接如下:
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变量传入并显示。例如...
5. TP-Link默认登录密码:对于较旧的路由器,可能在登录时会提示输入默认的管理员密码,如"admin",但这是出厂设置,一旦用户修改过,就不再适用。 总结来说,当忘记TP-Link路由器的管理员密码时,可以先尝试常见的...
【标题】:TPLINK路由器登录 TPLINK路由器是全球知名网络设备制造商TP-Link推出的路由器产品,被广泛应用于家庭和小型企业网络环境。路由器的登录是管理、配置和监控网络设置的关键步骤。这个RAR压缩包文件"TPLINK...
- **文件名修改**:按照描述提示,可能需要修改解压后的文件名以适应项目需求。 - **整合到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, 同时支持抢单模式和排单模式,!!三色开发创新, 在原来功能基础上,增加了门票...