【转载】tp自定义提示信息页面

原文链接

[TP笔记]ThinkPHP自定义错误页面、成功页面及异常页面

2014/06/20 | ThinkPHP | 13 条评论 | (5评) |

看了前面分享的一篇《什么是真正的程序员？》，觉得自己离这个目标还差的很远，所以要抓紧朝着这个方向前进。作为一名PHP小码农，掌握一种框架是必须的。所以今天开始我们就从国产PHP框架 ThinkPHP 开始学起~

为什么会选择 ThinkPHP 呢？首先，作为一款国产PHP框架，文档肯定比国外那些框架要丰富的多，而且容易看懂；其次，ThinkPHP已经发展了七八年的时间了，相对来说已经比较成熟了；当然，最重要的是它比较轻量级，相对其他的框架来说比较容易上手，所以就选择了ThinkPHP。

好了话不多说，下面分享第一篇笔记~

ThinkPHP 作为一款轻量级PHP开发框架，它为我们提供了自带的错误页面、异常页面等信息提示页面，比如下面的代码会出现这样的提示：

  1. $this->error(‘验证码错误！‘);

我们可以看到，自带的页面并不美观，所以我们需要自定义这些页面，ThinkPHP 为我们提供了自定义提示页面这样一种功能。

在配置文件中添加如下配置信息：

  1. /* 错误页面模板 */
  2. ‘TMPL_ACTION_ERROR‘ => MODULE_PATH.‘View/Public/error.html‘, // 默认错误跳转对应的模板文件
  3. ‘TMPL_ACTION_SUCCESS‘ => MODULE_PATH.‘View/Public/success.html‘, // 默认成功跳转对应的模板文件
  4. ‘TMPL_EXCEPTION_FILE‘ => MODULE_PATH.‘View/Public/exception.html‘,// 异常页面的模板文件

把这段配置信息放入到当前模型的 /Conf/config.php 中，然后在当前模型的 View 目录下创建 Public 文件夹，并在里面自定义 error.html success.html 及 exception.html 即可。

下面是一个简单的错误页面模板：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>跳转提示</title>
  6. <style type="text/css">
  7. *{ padding: 0; margin: 0; }
  8. body{ background: #290C0C; font-family: ‘微软雅黑‘; color: #fff; font-size: 16px; }
  9. .system-message{ padding: 24px 48px; }
  10. .system-message h1{ font-size: 80px; font-weight: normal; line-height: 120px; margin-bottom: 12px }
  11. .system-message .jump{ padding-top: 10px;margin-bottom:20px}
  12. .system-message .jump a{ color: #333;}
  13. .system-message .success,.system-message .error{ line-height: 1.8em; font-size: 36px }
  14. .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display:none}
  15. #wait {
  16. font-size:46px;
  17. }
  18. #btn-stop,#href{
  19. display: inline-block;
  20. margin-right: 10px;
  21. font-size: 16px;
  22. line-height: 18px;
  23. text-align: center;
  24. vertical-align: middle;
  25. cursor: pointer;
  26. border: 0 none;
  27. background-color: #8B0000;
  28. padding: 10px 20px;
  29. color: #fff;
  30. font-weight: bold;
  31. border-color: transparent;
  32. text-decoration:none;
  33. }
  34. #btn-stop:hover,#href:hover{
  35. background-color: #ff0000;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40. <div class="system-message">
  41. <h1>抱歉,出错啦!</h1>
  42. <p class="error"><?php echo($error); ?></p>
  43. <p class="detail"></p>
  44. <p class="jump">
  45. <b id="wait"><?php echo($waitSecond); ?></b> 秒后页面将自动跳转
  46. </p>
  47. <div>
  48. <a id="href" id="btn-now" href="<?php echo($jumpUrl); ?>">立即跳转</a>
  49. <button id="btn-stop" type="button" onclick="stop()">停止跳转</button>
  50. <a id="href" id="btn-now" href="<?php echo(U(‘Public/logout‘)); ?>">重新登录</a>
  51. </div>
  52. </div>
  53. <script type="text/javascript">
  54. (function(){
  55. var wait = document.getElementById(‘wait‘),href = document.getElementById(‘href‘).href;
  56. var interval = setInterval(function(){
  57. var time = --wait.innerHTML;
  58. if(time <= 0) {
  59. location.href = href;
  60. clearInterval(interval);
  61. };
  62. }, 1000);
  63. window.stop = function (){
  64. console.log(111);
  65. clearInterval(interval);
  66. }
  67. })();
  68. </script>
  69. </body>
  70. </html>

我们把上面的代码放到自定义 error.html 页面中，然后再看最开始的错误提示页面就会变成下面这样：

时间： 2024-11-03 21:39:17

【转载】tp自定义提示信息页面的相关文章

[转载]针对IIS7以上的ASP.NET网站自定义错误页面与异常日志总结

针对IIS7以上的ASP.NET网站自定义错误页面与异常日志总结 汪宇杰 2014-1-11 星期六 02:31 455 Reads 1 Comments 自定义错误页面和异常记录是个很古老的话题了,但依旧可以让人爆到现在.在我做了无数次试验并总结经验和原则后,写下本文,已警后人. 本文的范围和限制 本文仅仅适用于部署在IIS7或以上版本中的ASP.NET 4.0集成模式应用程序.IIS7以上的意思是Windows Server 2008以上服务器适用.我已在WS2012R2,IIS8上测过.

CAS 4.0.x 自定义登录页面

版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[-] CAS默认登录页面 复制一个新的页面管理页面 修改页面引用 修改casproperties 修改casLoginViewjsp页面 用过 CAS 的人都知道 CAS-Server端是单独部署的,作为一个纯粹的认证中心.在用户每次登录时,都需要进入CAS-Server的登录页填写用户名和密码登录,但是如果存在多个子应用系统时,它们可能都有相应风格的登录页面,我们希望直接在子系统中登录成功,而不是每次都要跳转到CAS的登录页去登

ASP.NET网站中设置404自定义错误页面

在用ASP.NET WebForm开发一个网站时,需要自定义404错误页面. 做法是这样的 在网站根目录下建立了一个404.html的错误页面,然后在Global.asax文件中,加入如下代码: <%@ Application Language="C#" %> <script runat="server"> void Application_Error(object sender, EventArgs e) { Response.Status

第 8 章 动态管理资源结合自定义登录页面

转载:http://www.mossle.com/docs/auth/html/ch008-db-login.html 第 8 章 动态管理资源结合自定义登录页面 如果想将动态管理资源与自定义登录页面一起使用,最简单的办法就是在数据库中将登录页面对应的权限设置为IS_AUTHENTICATED_ANONYMOUSLY. 因此在数据库中添加一条资源信息. INSERT INTO RESC VALUES(1,'','URL','/login.jsp*',1,'') 这里的/login.jsp*就是我

小程序自定义单页面、全局导航栏

摘要: 小程序开发技巧. 作者:小白 原文:小程序自定义单页面.全局导航栏 Fundebug经授权转载,版权归原作者所有. 需求 产品说小程序返回到首页不太方便,想添加返回首页按钮,UI说导航栏能不能设置背景图片,因为那样设计挺好看的. 需求分析并制定方案 这产品和UI都提需求了,咱也不能反驳哈,所以开始调研,分析可行性方案:1.可以添加悬浮按钮.2.自定义导航栏. 添加悬浮按钮,是看起来是比较简单哈,但是感觉不太优雅,会占据页面的空间,体验也不太好.所以想了下第二种方案,自定义导航栏既可以实现

MVC4 自定义错误页面（三）

一.概述 MVC4框架自带了定义错误页,该页面位于Shared/Error,该页面能够显示系统未能捕获的异常,如何才能使用该页面: 二.使用步骤: 1.配置WebConfig文件,在System.Web节点下加上 <customErrors mode="On"  defaultRedirect="~/Shared/Error" /> 翻阅一些大神写的博客,在他们的博客中指出defaultRedirect是指向错误页面的URL,可是经过本人测试的时候,发现

Asp.net MVC 自定义错误页面以及return HttpNotFound遇到的问题

今天在处理mvc 项目404和500页面时,发现我以前比较喜欢用的Return HttpNotFound()没有跳转到我在webconfig中配置的自定义404页面,而且也不会去执行Global中的Application_Error方法,经过一番查阅资料,发现这个问题得去想别的办法去做,具体的做法有三种,如下: 1.放弃Return HttpNotFound(),适用throw new HttpException(404, "page not found"); 2.让所有的Contro

[转载]用Javascript获取页面元素的位置

原文地址:http://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html 制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的大小和浏览器窗口的大小 首先,要明确两个基本概念. 一张网页的全部面积,就是它的大小.通常情况下,网页的大小由内容和CSS样式表决定. 浏览器窗口的大小,则是指在浏览器窗口中看到的那

ASP.NET全局错误处理和异常日志记录以及IIS配置自定义错误页面

应用场景和使用目的 很多时候,我们在访问页面的时候,由于程序异常.系统崩溃会导致出现黄页.在通常的情况下,黄页对于我们来说,帮助是极大的,因为它可以帮助我们知道问题根源,甚至是哪一行代码出现了错误.但这对于用户是非常可怕的,因为用户不知道发生了什么,也无法了解黄页给出的内容.甚至,如果我们遇到一些不友好的人,他们会拿这些内容大做文章,对我们网站产生威胁. 那我们如何在程序异常.系统崩溃时,不会出现黄页,并且还可以给出一些更加友好的提示呢?甚至在我们需要的时候,可以收集这些异常信息,并加以分析,能