ホームページ > バックエンド開発 > PHPチュートリアル > TP5はジャンププロンプトページを書き換えるメソッドを実装

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

不言
リリース: 2023-03-25 18:48:02
オリジナル
2942 人が閲覧しました

この記事では主に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電子メール送信サービスのカプセル化と添付ファイルを送信する機能の例を実装します

以上がTP5はジャンププロンプトページを書き換えるメソッドを実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート