ThinkPHP框架下成功、錯誤模板頁面修改

somehow1002發表於2017-08-25

一、ThinkPHP3.2環境下

預設的模板路徑為TP目錄下的 ThinkPHP/Tpl/dispatch_jump.tpl檔案。

修改配置檔案

在應用目錄下的/Common/Conf/config.php中新增

/* 錯誤頁面模板 */
    'TMPL_ACTION_ERROR'     =>  'Public/dispatch_jump', // 預設錯誤跳轉對應的模板檔案'
    'TMPL_ACTION_SUCCESS'   =>  'Public/dispatch_jump', // 預設成功跳轉對應的模板檔案'
    //'TMPL_EXCEPTION_FILE'   =>  'Public/exception.html',// 異常頁面的模板檔案

新增模板

然後在應用前臺或後臺中新增新的模板檔案(dispatch_jump.html)。

舉個例子

在我的環境中，前臺的修改是在/Home/View/Public目錄下，新增dispatch_jump.html檔案。
dispatch_jump.html內容如下：

<html lang="zh-CN">
    <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('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>

二、ThinkPHP5.0環境下

思路基本和TP3一致

修改配置檔案

在你的配置檔案中，新增模板檔案路徑

'dispatch_success_tmpl'     =>  THINK_PATH . 'tpl' . DS . 'my_dispatch_jump.tpl',
'dispatch_error_tmpl'       =>  THINK_PATH . 'tpl' . DS . 'my_dispatch_jump.tpl',
//'exception_tmpl'          =>  THINK_PATH . 'tpl' . DS . 'my_think_exception.tpl',

我使用的是預設的路徑，但是新增了一個新的模板檔案’my_dispatch_jump.tpl’

新增新模板到配置路徑下

將’my_dispatch_jump.tpl’新增到預設模板路徑/thinkphp/tpl路徑下

模板例子

TP5.0的模板和TP3.2只有些許不同，這裡同樣給出我的模板

<html lang="zh-CN">
    <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">
            <?php 
                switch ($code){
                    case 1:
            ?>
            <div class="image">
                <img src="http://cdn.demo.fastadmin.net/assets/img/success.svg" alt="" width="150" />
            </div>
            <h1>
            <?php
                        echo (strip_tags($msg));
                        break;
                    case 0:
            ?>
             <div class="image">
                <img src="http://cdn.demo.fastadmin.net/assets/img/error.svg" alt="" width="150" />
            </div>
            <h1>
            <?php
                        echo (strip_tags($msg));
                        break;
                }
            ?>
            </h1>
            <p class="jump">
                頁面將在 <span id="wait"><?php echo($wait); ?></span><!-- <span id="wait">3</span>  -->秒後自動<a id="href" href="<?php echo($url); ?>">跳轉</a>
            </p>
            <p class="clearfix">
                <a href="javascript:history.go(-1);" class="btn btn-grey">返回上一步</a>
                <a href="<?php echo($url); ?>" 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框架中自定義錯誤頁面和提示頁面
2021-04-26
PHP框架
ThinkPHP框架中新增404錯誤頁面以及訪問安全
2017-11-24
PHP框架
修改Thinkphp3.2中的跳轉提示頁面
2017-10-26
PHP
自定義OAM錯誤頁面
2021-10-15
教你自定義Flutter錯誤頁面
2019-01-16
Flutter
asp.net mvc 錯誤頁面
2018-04-12
ASP.NETMVC
springMVC下載模板檔案（不跳頁面）
2016-09-21
SpringMVC
免費404頁面程式碼分享 404錯誤頁面原始碼
2022-04-21
原始碼
ThinkPhp框架：分頁查詢
2020-04-05
PHP框架
七、Spring Boot 錯誤處理原理 & 定製錯誤頁面
2018-09-30
Spring Boot
Spring Boot返回靜態錯誤頁面
2018-07-24
Spring Boot
ASP.NET配置錯誤頁面淺析
2010-12-31
ASP.NET
自定義jsp中的錯誤頁面
2007-10-22
JS
PbootCMS自定義前臺404錯誤頁面
2024-09-12
boot
修改帝國CMS模板出現Application Firewall Alert錯誤
2024-10-05
APP
幽默：使用錯誤框架的下場
2019-05-20
框架
VUE 單頁面應用修改頁面title
2018-10-22
Vue
springboot自定義 404 500錯誤頁面
2020-11-16
Spring Boot
使用 Nuxt 的 showError 顯示全屏錯誤頁面
2024-08-26
UXError
電腦404頁面怎麼恢復 404錯誤頁面怎麼解決
2022-04-20
修改thinkphp的主頁面,連線資料庫,實現增刪改查
2024-10-06
PHP資料庫
解決：LNMP架構下訪問php頁面出現500錯誤薦
2013-08-10
LNMP架構PHP
公司網站修改？網站主頁修改方案模板？
2024-10-16
網站
tomcat配置400/404/500型別的錯誤頁面，修改專案預設路徑，修改預設專案
2021-01-03
Tomcat型別
.net自定義錯誤頁面實現升級篇
2018-05-15
springboot 配置錯誤頁面及全域性異常
2019-02-12
Spring Boot
ecshop安裝後開啟管理頁面時報500錯誤
2018-05-10
oracle oem 的IE頁面報503 Service Unavailable錯誤
2010-11-23
OracleAI
ThinkPHP 在頁面獲取當前時間
2017-11-16
PHP
THINKPHP 模板技術
2019-02-16
PHP
在MVC中實現網頁錯誤跳轉到500統一頁面
2017-01-03
MVC網頁
jsf2.0 tomcat 修改頁面後無法立馬看到頁面修改效果
2013-09-16
JSTomcat
Xamarin XAML語言教程模板頁面TemplatedPage
2017-07-27
jquery實現頁面離開時檢測當前頁面是否被修改，修改則提示
2015-02-03
jQuery
ThinkPHP框架檢視詳細介紹View檢視–模板（九）
2015-06-23
PHP框架View
PHP頁面構建器，使用php程式碼生成表單表格頁面，thinkphp laraval Yii
2021-03-02
PHP
用模板和庫批次修改網頁（上） (轉)
2007-10-17
網頁
用模板和庫批次修改網頁（中） (轉)
2007-10-17
網頁

ThinkPHP框架下成功、錯誤模板頁面修改

一、ThinkPHP3.2環境下

修改配置檔案

新增模板

舉個例子

二、ThinkPHP5.0環境下

修改配置檔案

新增新模板到配置路徑下

模板例子

相關文章