Comment personnaliser les pages d'invite d'erreur, de réussite et d'exception dans ThinkPHP-PensezPHP-php.cn

Comment personnaliser les pages d'invite d'erreur, de réussite et d'exception dans ThinkPHP

尚

Libérer： 2020-05-19 09:16:14

avant

3109 Les gens l'ont consulté

Comment personnaliser les pages d'invite d'erreur, de réussite et d'exception dans ThinkPHP

ThinkPHP fournit sa propre page d'invite d'erreur, mais elle n'est pas belle. Les informations d'invite sont affichées comme suit :

Comment personnaliser les pages dinvite derreur, de réussite et dexception dans ThinkPHP

Si. nous voulons Que dois-je faire pour modifier la page d'invite ?

Prenons ThinkPHP3.2 comme exemple :

Ajoutez le fichier de configuration de l'application (répertoire du fichier d'application/Common/Conf/config.php) :

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

Copier après la connexion

Ensuite, je dispatch_jump .html a été créé dans le fichier public du projet (répertoire du projet/Public). Le contenu du modèle est le suivant :

<!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" alt="" width="150" />
            </div>
            <h1>
            <?php
                echo $message;
                }else{
            ?>
             <div class="image">
                <img src="http://cdn.demo.fastadmin.net/assets/img/error.svg" alt="" 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(&#39;wait&#39;),
                        href = document.getElementById(&#39;href&#39;).href;
                var interval = setInterval(function () {
                    var time = --wait.innerHTML;
                    if (time <= 0) {
                        location.href = href;
                        clearInterval(interval);
                    }
                }, 1000);
            })();
        </script>
    </body>
</html>

Copier après la connexion

L'effet est le suivant :

Comment personnaliser les pages dinvite derreur, de réussite et dexception dans ThinkPHP