ThinkPHP5.1頁面跳轉及修改跳轉頁面模版
阿新 • • 發佈：2019-01-10
對應的控制器 建立對應的HTML
比如：
admin(模組)/lpp(控制器)/index(方法)
對應的html檔案：
view->lpp->index.html
1.index.html佈局 <form action="{:url('bbc')}" method="post"> <h3>使用者登入介面</h3> <p>UserName： <input name="username" type="text" id="001"/> </p> <p>PassWord： <input name="password" type="password" id="002"/> </p> <p> <input type="submit" value="登入"/> <input type="reset" value="取消"> </p> </form>
2.index()方法： public function index(){ //載入頁面 return view(); } --------- index.html輸入內容後跳轉處理資料的方法 //跳轉後處理的方法 public function bbc(){ //接受資料 （在URL中不可以被別人看見） $username = $_POST['username']; $password = $_POST['password']; //判斷輸入的資訊 if ($username == 'admin' && $password == 'admin'){ //跳轉地址未設定時，預設返回上一個頁面 $this->success('登入成功！','Index/diaoyong'); }else{ $this->error('資訊有誤！'); } } 3.修改跳轉頁面的模版 a、在app.php檔案裡面找到設定模版位置 b、檔案目錄 C:\wamp\www\tp5\thinkphp\tpl\dispatch_jump.tpl c、跳轉方法給模版頁面的資料 echo $code."<hr>"; --返回的狀態碼 1成功 0失敗 echo $msg."<hr>"; --頁面的提示資訊 echo $wait."<hr>"; --等待的時間 echo $url."<hr>"; --制定跳轉頁面 預設返回上一個頁面 echo $data."<hr>"; --使用者返回的資料 d、跳轉頁面模版修改 C:\wamp\www\tp5\thinkphp\tpl\dispatch_jump.tpl <?php switch ($code) {?> <?php case 1:?> <img src="/static/xiao.jpg" alt=""> <h1>:)</h1> <p class="success"><?php echo(strip_tags($msg));?></p> <?php break;?> <?php case 0:?> <img src="/static/ku.jpg" alt=""> <h1>:(</h1> <p class="error"><?php echo(strip_tags($msg));?></p> <?php break;?> <?php } ?> 圖片位置：/static/xiao.jpg 和 /static/ku.jpg e、自建模版 success.tpl error.tpl 例如：error.tpl <!DOCTYPE html> <html lang="en"> <head> <meta charset=utf-8" /> <title>錯誤！</title> <link rel="stylesheet" href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" > </head> <body> <div class="container"> <div class="col-md-4"></div> <div class="col-md-4"> <div class="panel panel-primary"> <div class="panel-heading"> <?php echo $msg?> </div> <div class="panel-body"> <img src="/static/ku.jpg" alt="" width="100%"> </div> <div class="panel-footer"> <p class="jump"> 頁面自動 <a id="href" href="<?php echo($url);?>">跳轉</a> 等待時間： <b id="wait"><?php echo($wait);?></b> </p> </div> </div> </div> </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> 圖片預覽：
