分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

ThinkPHP自定义错误、成功、异常提示页面

发布时间:2023-09-06 02:10责任编辑:赖小花关键词:PHP

ThinkPHP提供了自带的错误提示页面,但是并不美观,提示信息显示如下:

我们如果想要更换提示页面应该怎么做呢?

以ThinkPHP3.2为例:

在应用配置文件(应用文件目录/Common/Conf/config.php)中添加:

/* 错误页面模板 */‘TMPL_ACTION_ERROR‘ ????=> ?‘Public/dispatch_jump.html‘, // 默认错误跳转对应的模板文件‘‘TMPL_ACTION_SUCCESS‘ ??=> ?‘Public/dispatch_jump.html‘, // 默认成功跳转对应的模板文件‘//‘TMPL_EXCEPTION_FILE‘ ??=> ?‘Public/exception.html‘,// 异常页面的模板文件 

 然后我是在项目公共文件(项目目录/Public)中新建了dispatch_jump.html,模板内容如下:

<!DOCTYPE html><html> ???<head> ???????<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ???????<title>跳转提示</title> ???????<meta name="viewport" content="width=device-width, initial-scale=1.0"> ???????<style type="text/css"> ???????????*{box-sizing:border-box;margin:0;padding:0;font-family:Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;-webkit-font-smoothing:antialiased} ???????????body{padding:70px 0;background:#edf1f4;font-weight:400;font-size:1pc;-webkit-text-size-adjust:none;color:#333} ???????????a{outline:0;color:#3498db;text-decoration:none;cursor:pointer} ???????????.system-message{margin:20px 5%;padding:40px 20px;background:#fff;box-shadow:1px 1px 1px hsla(0,0%,39%,.1);text-align:center} ???????????.system-message h1{margin:0;margin-bottom:9pt;color:#444;font-weight:400;font-size:40px} ???????????.system-message .jump,.system-message .image{margin:20px 0;padding:0;padding:10px 0;font-weight:400} ???????????.system-message .jump{font-size:14px} ???????????.system-message .jump a{color:#333} ???????????.system-message p{font-size:9pt;line-height:20px} ???????????.system-message .btn{display:inline-block;margin-right:10px;width:138px;height:2pc;border:1px solid #44a0e8;border-radius:30px;color:#44a0e8;text-align:center;font-size:1pc;line-height:2pc;margin-bottom:5px;} ???????????.success .btn{border-color:#69bf4e;color:#69bf4e} ???????????.error .btn{border-color:#ff8992;color:#ff8992} ???????????.info .btn{border-color:#3498db;color:#3498db} ???????????.copyright p{width:100%;color:#919191;text-align:center;font-size:10px} ???????????.system-message .btn-grey{border-color:#bbb;color:#bbb} ???????????.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."} ???????????@media (max-width:768px){body {padding:20px 0;}} ???????????@media (max-width:480px){.system-message h1{font-size:30px;}} ???????</style> ???</head> ???<body> ???????<div class="system-message error"> ???????????<?php ????????????????if(isset($message)){ ????????????> ???????????<div class="image"> ???????????????<img src="http://cdn.demo.fastadmin.net/assets/img/success.svg" ?width="150" /> ???????????</div> ???????????<h1> ???????????<?php ???????????????echo $message; ???????????????}else{ ????????????> ????????????<div class="image"> ???????????????<img src="http://cdn.demo.fastadmin.net/assets/img/error.svg" ?width="150" /> ???????????</div> ???????????<h1> ???????????<?php ???????????????echo $error; ???????????}?></h1> ???????????<p class="jump"> ???????????????页面将在 <span id="wait"><?php echo($waitSecond); ?></span><!-- <span id="wait">3</span> ?-->秒后自动<a id="href" href="<?php echo($jumpUrl); ?>">跳转</a> ???????????</p> ???????????<p class="clearfix"> ???????????????<a href="javascript:history.go(-1);" class="btn btn-grey">返回上一步</a> ???????????????<a href="<?php echo($jumpUrl); ?>" class="btn btn-primary">立即跳转</a> ???????????</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>

 效果如下:

希望对大家有所帮助!

ThinkPHP自定义错误、成功、异常提示页面

原文地址:https://www.cnblogs.com/GXQi/p/9473550.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved