ホームページ > 記事 > バックエンド開発 > TP5はジャンププロンプトページを書き換えるメソッドを実装

TP5はジャンププロンプトページを書き換えるメソッドを実装

不言オリジナル: 2018-05-10 10:26:392878ブラウズ

この記事では主にTP5でジャンププロンプトページを書き換える方法を紹介し、thinkPHP5のジャンププロンプトページの修正手順と関連する操作上の注意点をサンプルの形式で分析します。必要な友人は参考にしてください。 thinkPHP5(TP5)のジャンププロンプトページを書き換える方法を実装します。参考までに皆さんと共有してください。詳細は次のとおりです:

Tp フレームワークの成功ページと失敗ページが常に見栄えが良くないことは誰もが知っていますが、これは開発者に適切な選択を提供するものでもあります。このジャンププロンプトページを独自の設定に書き換えます

私は Tp5 フレームワークを使用しています。Tp5 のジャンププロンプトページの書き換えは、Tp3 のコードと同様です。

{__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 h1{ 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>
 <p class="system-message">
  <?php switch ($code) {?>
   <?php case 1:?>
   <h1>:)</h1>
   <p class="success"><?php echo(strip_tags($msg));?></p>
   <?php break;?>
   <?php case 0:?>
   <h1>:(</h1>
   <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>
 </p>
 <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>

まず、CSSを直接削除してもほとんど効果がありません。私が使用しているプロンプトはレイヤープラグインです。このプラグインは非常に優れています。公式ウェブサイト: http://layer.layui.com/ をご覧になりたい場合は、左に進んでください

1.解凍したファイルパッケージは次のとおりです:

解凍後、ファイルに導入する必要があるのは次の 3 つのファイルです

。 jquery.js の導入を忘れないでください

それでは、Tp のオリジナルコードの数行を比較してみましょう。重要なコード:

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

これら 3 つのポイントは、プロンプト情報、ジャンプパス、待ち時間です

これらにより、書き換え時に隠しフィールド手法を利用することができ、隠しフィールドを利用して取得する必要のある情報をjqueryの形式で取得し、以下のjsに挿入します。 js:

<script type="text/javascript">
(function(){
layer.open({
  content: msg,
  yes: function(index, layero){
   //do something
   layer.close(index); //如果设定了yes回调，需进行手工关闭
  }
 });
 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>
var msg = $(&#39;#msg&#39;).val(); 提示信息
var url = $(&#39;#url&#39;).val();  跳转url
var wait = $(&#39;#wait&#39;).val(); 等待时间

ここでは自動ジャンプは使わず、手動でクリックしてジャンプ転送したので、以下のタイマーは影響なく直接削除されます

書き換えは成功です

TP5はジャンププロンプトページを書き換えるメソッドを実装

関連記事