TP5におけるジャンププロンプトページ書き換えの実装方法
- 黄舟オリジナル
- 2017-10-30 09:05:532203ブラウズ
この記事の例では、thinkPHP5(TP5)でジャンププロンプトページを書き換える方法を説明します。参考までに皆さんと共有してください。詳細は次のとおりです:
Tp フレームワークの成功した実行ページと失敗した実行ページが特に見栄えが良くないことは誰もが知っていますが、これは開発者にとって良い選択を提供するものでもあります。このジャンプ プロンプト ページを自分の好みに合わせて書き換えます
私は 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 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('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 を直接削除しても、ほとんど効果がありません。使用するのはレイヤープラグインです。このプラグインは非常に優れています。公式ウェブサイト: http://layer.layui.com/ をご覧になりたい場合は、左に進んでください
1.解凍したファイルパッケージは以下の通りです:
解凍後、この中に含まれる主なファイルは、layer.jsです
。 jquery.js の導入を忘れてください
それでは、Tp の元のコードのさらに重要なコード行をいくつか見てみましょう:
<p class="success"><?php echo(strip_tags($msg));?></p> <?php echo($url);?> <?php echo($wait);?>
これら 3 つのポイントは、プロンプト情報、ジャンプ パス、待ち時間です
これらを使用すると、書き換えるときに隠しフィールド手法を使用できます。隠しフィールドを使用して、必要な情報を jquery を通じて取得し、次の js に挿入します。手動でクリックしてジャンプしたため、次のタイマーは直接削除され、影響はありませんでした
書き換えは成功しました
以上がTP5におけるジャンププロンプトページ書き換えの実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。