ThinkPHP에서 오류, 성공, 예외 프롬프트 페이지를 사용자 정의하는 방법-ThinkPHP-php.cn

ThinkPHP에서 오류, 성공, 예외 프롬프트 페이지를 사용자 정의하는 방법

尚

풀어 주다： 2020-05-19 09:16:14

앞으로

3109명이 탐색했습니다.

ThinkPHP에서 오류, 성공, 예외 프롬프트 페이지를 사용자 정의하는 방법

ThinkPHP는 자체 오류 프롬프트 페이지를 제공하지만 보기에 좋지 않습니다. 프롬프트 정보는 다음과 같이 표시됩니다.

ThinkPHP에서 오류, 성공, 예외 프롬프트 페이지를 사용자 정의하는 방법

프롬프트 페이지를 변경하려면 어떻게 해야 하나요?

ThinkPHP3.2를 예로 들어보겠습니다:

애플리케이션 구성 파일에 추가합니다(Application File Directory/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;,// 异常页面的模板文件

로그인 후 복사

그런 다음 프로젝트 공개 파일(Project Directory/ 공개) 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" 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>

로그인 후 복사

효과는 다음과 같습니다:

ThinkPHP에서 오류, 성공, 예외 프롬프트 페이지를 사용자 정의하는 방법