thinkPHP5如何實現(xiàn)改寫跳轉提示頁面-創(chuàng)新互聯(lián)

這篇文章主要介紹了thinkPHP5如何實現(xiàn)改寫跳轉提示頁面，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司自2013年起，是專業(yè)互聯(lián)網(wǎng)技術服務公司，擁有項目成都做網(wǎng)站、網(wǎng)站設計網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元海陽做網(wǎng)站,已為上家服務,為海陽各地企業(yè)和個人服務,聯(lián)系電話:13518219792

具體如下：

大家都知道Tp框架一直以來的執(zhí)行成功和失敗的頁面都不是特別的好看，不過這樣也給了開發(fā)者一個不錯的選擇我們可以根據(jù)自己的喜好去改寫這個跳轉提示的頁面

我使用的是Tp5框架，Tp5的跳轉提示頁面的改寫和Tp3的有異曲同工之妙，首先還是先看一下Tp框架中自帶的跳轉提示頁面的代碼吧，我直接貼上了：

{__NOLAYOUT__}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>跳轉提示</title>
 <style type="text/css">
  *{ padding: 0; margin: 0; }
  body{ background: #fff; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; font-size: 16px; }
  .system-message{ padding: 24px 48px; }
  .system-message h2{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
  .system-message .jump{ padding-top: 10px; }
  .system-message .jump a{ color: #333; }
  .system-message .success,.system-message .error{ line-height: 1.8em; font-size: 36px; }
  .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display: none; }
 </style>
</head>
<body>
 <div class="system-message">
  <?php switch ($code) {?>
   <?php case 1:?>
   <h2>:)</h2>
   <p class="success"><?php echo(strip_tags($msg));?></p>
   <?php break;?>
   <?php case 0:?>
   <h2>:(</h2>
   <p class="error"><?php echo(strip_tags($msg));?></p>
   <?php break;?>
  <?php } ?>
  <p class="detail"></p>
  <p class="jump">
   頁面自動 <a id="href" href="<?php echo($url);?>" rel="external nofollow" >跳轉</a> 等待時間： <b id="wait"><?php echo($wait);?></b>
  </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>

下面進行改寫，首先css的東西都可以直接刪掉，那個幾乎沒有什么作用，忘了說了我使用的替換的跳轉提示的是layer插件，這個插件做的還是不錯的，官網(wǎng)：http://layer.layui.com/，想看的請同志們左拐

1.下載layer插件，進行解壓，解壓之后的文件包如下：

thinkPHP5如何實現(xiàn)改寫跳轉提示頁面

解壓之后包含這三個主要的文件，其中我們需要引入到文件中的是layer.js

但是千萬不要忘記引入了jquery.js

然后大家看Tp原來的代碼中幾行比較重要的代碼：

 <p class="success"><?php echo(strip_tags($msg));?></p>
<?php echo($url);?>
<?php echo($wait);?>

這三點分別是提示信息，跳轉路徑，等待時間

有了這幾個就可以了，改寫的時候使用隱藏域的手手法，利用隱藏域將需要獲得信息通過jquery的形式獲取，然后插入到下面的js中：

<script type="text/javascript">
(function(){
layer.open({
  content: msg,
  yes: function(index, layero){
   //do something
   layer.close(index); //如果設定了yes回調，需進行手工關閉
  }
 });
 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>
var msg = $('#msg').val(); 提示信息
var url = $('#url').val();  跳轉url
var wait = $('#wait').val(); 等待時間

改寫后的js:

<script type="text/javascript">
  (function(){
   var msg = $('#msg').val();
   var url = $('#url').val();
   var wait = $('#wait').val();
   layer.open({
    content: msg,
    yes: function(index, layero){
     //do something
     location.href = url;
     layer.close(index); //如果設定了yes回調，需進行手工關閉
    }
   });
  })();
 </script>

這里我沒有使用自動跳轉，而是手動點擊進行跳轉，所以下面的計時器直接刪除掉了，并不影響

感謝你能夠認真閱讀完這篇文章，希望小編分享的“thinkPHP5如何實現(xiàn)改寫跳轉提示頁面”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設公司，，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!

網(wǎng)站標題：thinkPHP5如何實現(xiàn)改寫跳轉提示頁面-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址：http://muchs.cn/article20/cdsgco.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、Google、企業(yè)網(wǎng)站制作、營銷型網(wǎng)站建設、網(wǎng)站維護、搜索引擎優(yōu)化

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容